skills/chachamaru127/vibecoder-guide-legacy/SKILL.md
Guides VibeCoder (non-technical users) through natural language development (legacy). Use when user mentions どうすればいい, 次は何, 使い方, 困った, help, what should I do. Do NOT load for: 技術者向け作業, 直接的な実装指示, レビュー.
npx skillsauth add aiskillstore/marketplace vibecoder-guide-legacyInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
VibeCoder(非技術者)が自然言語だけで開発を進められるようガイドするスキル。 「どうすればいい?」「次は何?」などの質問に自動で応答します。
このスキルは以下のフレーズで自動起動します:
VibeCoder は技術的なコマンドやワークフローを知らなくても、 自然な日本語で質問するだけで次のアクションが分かります。
🎯 まずはプロジェクトを始めましょう!
言い方の例:
- 「ブログを作りたい」
- 「タスク管理アプリを作りたい」
- 「ポートフォリオサイトを作りたい」
ざっくりで大丈夫です。やりたいことを教えてください。
📋 計画があります。作業を始めましょう!
現在の計画:
- フェーズ1: 基盤構築
- フェーズ2: コア機能
- ...
言い方の例:
- 「フェーズ1を始めて」
- 「最初のタスクをやって」
- 「全部やって」
🔧 作業中です
現在のタスク: {{タスク名}} 進捗: {{完了数}}/{{全体数}}
言い方の例:
- 「続けて」
- 「次のタスク」
- 「今どこまで進んだ?」
✅ フェーズが完了しました!
次にできること:
- 「動作確認して」→ 開発サーバーを起動
- 「レビューして」→ コード品質チェック
- 「次のフェーズへ」→ 次の作業を開始
- 「コミットして」→ 変更を保存
⚠️ 問題が発生しました
状況: {{エラーの要約}}
言い方の例:
- 「直して」→ 自動修正を試行
- 「説明して」→ 問題の詳細を説明
- 「スキップして」→ 次のタスクへ
| やりたいこと | 言い方 | |-------------|--------| | プロジェクト開始 | 「〇〇を作りたい」 | | 計画を見たい | 「計画を見せて」「今の状況は?」 | | 作業を開始 | 「始めて」「作って」「フェーズ1をやって」 | | 続きをやる | 「続けて」「次」 | | 動作確認 | 「動かして」「見せて」 | | コード確認 | 「レビューして」「チェックして」 | | 保存する | 「コミットして」「保存して」 | | 困った時 | 「どうすればいい?」「助けて」 | | 全部任せる | 「全部やって」「おまかせ」 |
このスキルは以下を確認して適切な応答を選択:
cc:WIP マーカーの有無このスキルが起動したら:
重要: 技術用語を避け、平易な日本語で説明する
development
Apple Human Interface Guidelines for content display components. Use this skill when the user asks about charts component, collection view, image view, web view, color well, image well, activity view, lockup, data visualization, content display, displaying images, rendering web content, color pickers, or presenting collections of items in Apple apps. Also use when the user says how should I display charts, what's the best way to show images, should I use a web view, how do I build a grid of items, what component shows media, or how do I present a share sheet. Cross-references: hig-foundations for color/typography/accessibility, hig-patterns for data visualization patterns, hig-components-layout for structural containers, hig-platforms for platform-specific component behavior.
tools
Automate HelpDesk tasks via Rube MCP (Composio): list tickets, manage views, use canned responses, and configure custom fields. Always search tools first for current schemas.
testing
Expert Haskell engineer specializing in advanced type systems, pure functional design, and high-reliability software. Use PROACTIVELY for type-level programming, concurrency, and architecture guidance.
tools
GraphQL gives clients exactly the data they need - no more, no less. One endpoint, typed schema, introspection. But the flexibility that makes it powerful also makes it dangerous. Without proper controls, clients can craft queries that bring down your server. This skill covers schema design, resolvers, DataLoader for N+1 prevention, federation for microservices, and client integration with Apollo/urql. Key insight: GraphQL is a contract. The schema is the API documentation. Design it carefully.