vibecoder-guide

# VibeCoder Guide Skill

VibeCoder（非技術者）が自然言語だけで開発を進められるようガイドするスキル。
「どうすればいい？」「次は何？」などの質問に自動で応答します。

---

## トリガーフレーズ

このスキルは以下のフレーズで自動起動します：

- 「どうすればいい？」「どうしたらいい？」
- 「次は何をすればいい？」「次は？」
- 「何ができる？」「何をすればいい？」
- 「困った」「わからない」「助けて」
- 「使い方を教えて」
- "what should I do?", "what's next?", "help"

---

## 概要

VibeCoder は技術的なコマンドやワークフローを知らなくても、
自然な日本語で質問するだけで次のアクションが分かります。

---

## 応答パターン

### パターン1: プロジェクトがない場合

> 🎯 **まずはプロジェクトを始めましょう！**
>
> **言い方の例：**
> - 「ブログを作りたい」
> - 「タスク管理アプリを作りたい」
> - 「ポートフォリオサイトを作りたい」
>
> ざっくりで大丈夫です。やりたいことを教えてください。

### パターン2: Plans.md があるが進行中タスクがない

> 📋 **計画があります。作業を始めましょう！**
>
> **現在の計画:**
> - フェーズ1: 基盤構築
> - フェーズ2: コア機能
> - ...
>
> **言い方の例：**
> - 「フェーズ1を始めて」
> - 「最初のタスクをやって」
> - 「全部やって」

### パターン3: タスク進行中

> 🔧 **作業中です**
>
> **現在のタスク:** {{タスク名}}
> **進捗:** {{完了数}}/{{全体数}}
>
> **言い方の例：**
> - 「続けて」
> - 「次のタスク」
> - 「今どこまで進んだ？」

### パターン4: フェーズ完了後

> ✅ **フェーズが完了しました！**
>
> **次にできること：**
> - 「動作確認して」→ 開発サーバーを起動
> - 「レビューして」→ コード品質チェック
> - 「次のフェーズへ」→ 次の作業を開始
> - 「コミットして」→ 変更を保存

### パターン5: エラー発生時

> ⚠️ **問題が発生しました**
>
> **状況:** {{エラーの要約}}
>
> **言い方の例：**
> - 「直して」→ 自動修正を試行
> - 「説明して」→ 問題の詳細を説明
> - 「スキップして」→ 次のタスクへ

---

## よく使うフレーズ対応表

| やりたいこと | 言い方 |
|-------------|--------|
| プロジェクト開始 | 「〇〇を作りたい」 |
| 計画を見たい | 「計画を見せて」「今の状況は？」 |
| 作業を開始 | 「始めて」「作って」「フェーズ1をやって」 |
| 続きをやる | 「続けて」「次」 |
| 動作確認 | 「動かして」「見せて」 |
| コード確認 | 「レビューして」「チェックして」 |
| 保存する | 「コミットして」「保存して」 |
| 困った時 | 「どうすればいい？」「助けて」 |
| 全部任せる | 「全部やって」「おまかせ」 |

---

## コンテキスト判定

このスキルは以下を確認して適切な応答を選択：

1. **AGENTS.md の存在** → プロジェクトが初期化済みか
2. **Plans.md の内容** → 計画があるか、進捗状況
3. **現在のタスク状態** → `cc:WIP` マーカーの有無
4. **直近のエラー** → 問題が発生しているか

---

## 実装ノート

このスキルが起動したら：

1. 現在の状態を分析
2. 適切なパターンを選択
3. 具体的な「言い方の例」を提示
4. ユーザーの次のアクションを待つ

**重要**: 技術用語を避け、平易な日本語で説明する