Claude Codeマスタリー:スキル、CLAUDE.md、エージェンティック・モード、そして効果的なプロンプト

Dev.to / 2026/4/7

💬 オピニオンDeveloper Stack & InfrastructureTools & Practical Usage

要点

  • Claude CodeはCLIツールで、プロジェクト全体に対してClaudeがコードを読み書きし、実行まで行えるようにします。単なるオートコンプリートというより、計画し、反復し、変更を適用できるエージェントのように機能します。
  • この記事では、実装やデバッグ(例:StripeのWebhook署名エラー)やリファクタリングのためにClaude Codeへ具体的にプロンプトする実践的な方法を示します。ルートやエラーに特化した指示など、明確なガイドラインを用います。
  • コードのための効果的なプロンプトとして、制約を明示し、曖昧さや誤った前提を減らすための豊富な文脈を提供することの重要性を強調しています。
  • Claude Codeが複数ファイルのタスクを扱う方法として、関連するファイルを検出し、論理的に一貫したパターンを適用できる点を取り上げます(例:「PREMIUM ROUTE」としてマークされたルートにサブスクリプション確認を追加する)。
  • Claude Codeをスキル(スラッシュコマンド)で拡張し、特化した文脈を提供することでタスクの成果を改善する方法についても解説しています。

Claude Code は、CLI ツールです。プロジェクト内のコードを Claude に読み書きさせ、実行もできます。これは単なるオートコンプリートではありません。計画し、実行し、そして反復することができるエージェントです。実際に効果的に使う方法を紹介します。

インストールとセットアップ

npm install -g @anthropic-ai/claude-code
claude  # インタラクティブセッションを開始

Claude Code はプロジェクトファイルを自動的に読み込みます。最初のメッセージからコードベースの構造を理解します。

コアとなるインタラクションのパターン

実装リクエスト:

"/api/ai/chat ルートにレート制限を追加してください。Redis を sliding window(スライディングウィンドウ)で使用します。
IP ごとに 1 時間あたり 100 リクエスト。429 を返し、Retry-After ヘッダーを付けてください。"

デバッグ:

"Stripe の webhook ハンドラがエラーを投げています。ログには次のように表示されます:
Error: No signatures found matching the expected signature for payload
ルートはこちら: [コードを貼り付け]"

リファクタリング:

"getUserById と getUserByEmail の関数は、コードの 80% を共有しています。
共通ロジックを base の getUser 関数として切り出してください。"

コードのための効果的なプロンプト

制約について具体的に書いてください:

悪い例:  "認証を追加して"
良い例: "Google OAuth で NextAuth を追加してください。Prisma アダプタを使います。
       /dashboard/* と /api/protected/* を保護してください。
       ログイン後は /dashboard にリダイレクトします。
       ユーザースキーマは prisma/schema.prisma にあります。"

コンテキストはすべてです。あなたが与える情報が多いほど、Claude が推測する必要が減ります。

複数ファイルのタスク

Claude Code は、コードベース全体にわたって作業できます:

"I need to add a subscription tier check to all premium routes.
Premium routes are marked with a comment: // PREMIUM ROUTE
Check if the user has an active subscription before processing.
Use the existing requireAuth middleware pattern in middleware.ts."

Claude は関連するファイルをすべて見つけ、既存のパターンを理解し、それらを一貫して適用します。

スキルの使用(スラッシュコマンド)

Claude Code は、特殊なコンテキストを提供するカスタムスキルをサポートしています:

/auth     → スタックのための完全な認証セットアップを生成
/pay      → Stripe の checkout と webhook の処理をつなげる
/deploy   → Docker、CI/CD、デプロイ設定を作成
/test     → 任意の関数またはコンポーネントのテストスイートを生成
/api      → REST または GraphQL のエンドポイントを雛形作成
# Claude Code 内
/auth
# Claude は質問: どのプロバイダですか?(Google、GitHub、メール?)
# Claude は質問: NextAuth で使いますか、それともカスタムですか?
# Claude が生成: 完全な認証実装

レビューワークフロー

1. タスクを明確に説明する
2. Claude がアプローチを提案する — 承認する前に内容を読む
3. Claude が実装する — 差分(diff)をレビューする
4. テストを実行: npm test
5. コードを手動で軽く確認(スポットチェック)する
6. 説明的なメッセージ付きでコミットする

Claude の出力を決してそのまま受け入れないでください。変更のすべてをレビューしてください。

CLAUDE.md: プロジェクトの指示

# CLAUDE.md
## Project
Next.js 14 の AI SaaS。スタック: TypeScript、Prisma、NextAuth、Stripe、Tailwind、shadcn/ui。

## Conventions
- デフォルトは Server Components。必要なときだけ 'use client'
- すべての API ルートは Zod で検証する
- エラーハンドリングは lib/errors.ts の中央集約ハンドラを使う
- テストは __tests__/ 配下で Vitest を使う

## Do Not
- 本番コードに console.log はなし(logger を使う)
- その理由をコメントで説明しない any タイプはなし
- コンポーネントから直接 DB 呼び出しはなし(server actions または API ルートを使う)

CLAUDE.md は毎セッションの最初に読み込まれます。これが、あなたのプロジェクトの標準をエンコードする方法です。

エージェントモード

大きなタスクでは、Claude Code は自律的に計画し、実行できます:

"完全な請求書システムを追加したい。要件:
- ユーザーが明細(line items)付きの請求書を作成できる
- PDF 生成
- クライアントへのメール配信
- 支払い追跡(paid/unpaid/overdue)
- ダッシュボード表示

まず実装を計画し、その後実行してください。"

Claude は複数ステップの計画を提案し、あなたの承認を待ってから、各ステップを実装します。

whoffagents.com の Ship Fast Skill Pack では、Claude Code に 10 個の特化スキル — /auth、/pay、/deploy、/test など — が提供されます。1 回だけインストールして、すべてのプロジェクトで使えます。$49 の一括払い。