vibecoder-guide-legacy
Guides VibeCoder (non-technical users) through natural language development (legacy). Use when user mentions どうすればいい, 次は何, 使い方, 困った, help, what should I do. Do NOT load for: 技術者向け作業, 直接的な実装指示, レビュー.
Best use case
vibecoder-guide-legacy is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Guides VibeCoder (non-technical users) through natural language development (legacy). Use when user mentions どうすればいい, 次は何, 使い方, 困った, help, what should I do. Do NOT load for: 技術者向け作業, 直接的な実装指示, レビュー.
Teams using vibecoder-guide-legacy should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/vibecoder-guide-legacy/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How vibecoder-guide-legacy Compares
| Feature / Agent | vibecoder-guide-legacy | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Guides VibeCoder (non-technical users) through natural language development (legacy). Use when user mentions どうすればいい, 次は何, 使い方, 困った, help, what should I do. Do NOT load for: 技術者向け作業, 直接的な実装指示, レビュー.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# 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. ユーザーの次のアクションを待つ
**重要**: 技術用語を避け、平易な日本語で説明するRelated Skills
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
vercel-web-design-guidelines
Reviews UI code for compliance with web interface best practices. Use when auditing accessibility, reviewing UI/UX patterns, checking performance, or improving web design quality. Triggers on "check my site", "audit design", "accessibility review", "UX best practices", or UI code review tasks. Covers 100+ rules for accessibility, performance, and user experience.
swift-human-guidelines
Comprehensive Swift 6 and SwiftUI development guidelines for building iOS 26, iOS 18, iPadOS, macOS, watchOS, visionOS, and tvOS applications. Covers Foundation Models API, BGContinuedProcessingTask, Call Translation API, Liquid Glass design system, data-race safety, typed throws, synchronization primitives, SwiftUI/UIKit interoperability, zoom transitions, and document-based apps. Use when building new Apple platform apps, implementing Apple Intelligence features, optimizing performance with Swift 6 concurrency, following Apple Human Interface Guidelines, creating cross-platform applications, or working with iOS 26/18 APIs. Triggers on Swift code, SwiftUI views, Xcode projects, app architecture, background processing, translation features, Foundation Models, synchronization, actors, Sendable types, or modern Apple platform development.
react-guidelines
React coding guidelines and best practices. MUST follow these rules. Use when reviewing or writing React code or tasks.
python-backend-guidelines
FastAPI/Django backend patterns and best practices
project-guidelines-example
Example project-specific skill template based on a real production application.
nextjs-frontend-guidelines
Next.js 15 frontend development guidelines for YGS (영영사) React 19/TypeScript application. Modern patterns including App Router, Server/Client Components, shadcn/ui components, Tailwind CSS 4, multi-method authentication (Firebase/Kakao/JWT), admin dashboard patterns, and Korean localization. Use when creating components, pages, API routes, fetching data, styling, or working with frontend code.
nestjs-setup-guide
NestJS 프로젝트 아키텍처, 기술 스택 선택, 모듈 구조에 대한 질문이나 계획 수립 시 자동으로 가이드 제공
mobile-guide
Comprehensive mobile development guide for iOS, Android, React Native, and Flutter. Includes Swift, Kotlin, and cross-platform frameworks. Use when building mobile applications, iOS, Android, or cross-platform apps.
legacy-modernizer
Refactor legacy codebases, migrate outdated frameworks, and implement gradual modernization. Handles technical debt, dependency updates, and backward compatibility.
html-css-style-color-guide
Color usage guidelines and styling rules for HTML elements to ensure accessible, professional designs. Triggers on: **/*.html, **/*.css, **/*.js
guide
Use this skill when the user asks questions about Claude Code CLI, Claude Agent SDK, or Claude API. Provides comprehensive guidance, documentation references, and best practices.