git clone https://github.com/davila7/claude-code-templates.git
cd claude-code-templates
ls -la

claude-code-templates/
├── templates/
│   ├── nextjs/          # Next.js プロジェクト向け
│   ├── python-fastapi/  # Python + FastAPI 向け
│   ├── react/           # React SPA 向け
│   └── ...
├── commands/            # 汎用カスタムコマンド
└── mcp-configs/         # MCPサーバー設定例

# npxが使えないため、クローン済みリポジトリから直接テンプレートを選択・適用する
echo "利用可能なテンプレート一覧:"
ls claude-code-templates/templates/

# 使用するテンプレートを変数で指定（例：nextjs）
TEMPLATE="nextjs"
echo "選択したテンプレート: $TEMPLATE"

# テンプレートを適用する（TEMPLATE変数を使用）
mkdir -p ./my-project

# .claude ディレクトリが存在する場合のみコピー
if [ -d "claude-code-templates/templates/$TEMPLATE/.claude" ]; then
  cp -r "claude-code-templates/templates/$TEMPLATE/.claude" ./my-project/
fi

# CLAUDE.md が存在する場合のみコピー
if [ -f "claude-code-templates/templates/$TEMPLATE/CLAUDE.md" ]; then
  cp "claude-code-templates/templates/$TEMPLATE/CLAUDE.md" ./my-project/
fi

echo "テンプレート '$TEMPLATE' を ./my-project/ に適用しました。"

---
description: "コードベースのセキュリティ脆弱性を静的解析する"
allowed-tools: ["read", "bash"]
argument-hint: "[対象ディレクトリ（省略時はsrc/）]"
---

以下のディレクトリを対象にセキュリティ監査を実施してください：$ARGUMENTS

...（プロンプト本文）

---
description: "ハードコードされた秘密情報・依存脆弱性・入力検証漏れを検出する"
allowed-tools: ["read", "bash", "grep"]
argument-hint: "[対象パス（省略時はsrc/）]"
---

対象ディレクトリ: $ARGUMENTS（未指定の場合は `src/` 全体）

以下の観点でセキュリティ監査を実施し、深刻度（Critical / High / Medium / Low）とともに報告してください。

## チェック項目

1. **ハードコードされた秘密情報**
   - APIキー、パスワード、トークンのリテラル埋め込み
   - `.env` に移すべき設定値

2. **依存パッケージの脆弱性**
   - `npm audit` または `pip-audit` を実行して結果を解釈
   - CVSS スコア 7.0 以上を優先的に報告

3. **入力検証の漏れ**
   - ユーザー入力がサニタイズなしでDBクエリ・コマンド・HTMLに渡っている箇所
   - SQLインジェクション・XSS・コマンドインジェクションのリスク

報告フォーマット：
- 深刻度ラベル
- 該当ファイルと行番号
- 問題の説明（1〜2文）
- 推奨される修正方針

---
description: "指定ファイルの単体テストをVitest/Jestで自動生成する"
allowed-tools: ["read", "write"]
argument-hint: "<対象ファイルパス>"
---

対象ファイル: $ARGUMENTS

以下の方針でテストファイルを生成してください。

## 方針

- テストフレームワーク: プロジェクトの `package.json` を確認して `vitest` か `jest` かを判断
- ファイル配置: 対象ファイルと同ディレクトリに `*.test.ts` を作成
- カバレッジ目標: 主要な分岐を網羅（ハッピーパスと異常系の両方）

## テスト設計ルール

1. `describe` ブロックで関数・クラス単位にグルーピングする
2. テスト名は「〇〇のとき〇〇を返す」という日本語仕様書スタイルで書く
3. 外部依存（DB・APIクライアント等）は必ずモックする
4. テストデータはファクトリ関数で生成し、ハードコードしない

生成後、実際に `npx vitest run <テストファイルパス>` を実行して構文エラーがないことを確認してください。

---
description: "Webアプリのバンドルサイズを分析し、最適化案を提示する"
allowed-tools: ["read", "bash"]
---

以下の手順でバンドル最適化を支援してください。

## 分析フェーズ

1. `npx vite-bundle-visualizer` または `npx webpack-bundle-analyzer` を実行して結果を確認
2. `node_modules/.pnpm` または `package.json` の依存関係から肥大化している可能性のあるパッケージを特定

## 改善提案フェーズ

以下の観点で優先度付きの改善案を提示してください：

| 優先度 | 施策 | 期待効果 |
|---|---|---|
| High | 動的インポート（`import()`）への置き換え | 初期バンドルを削減 |
| High | 未使用エクスポートの削除（tree shaking改善） | デッドコード除去 |
| Medium | 重複機能の軽量ライブラリへの置き換え | 依存サイズ削減 |
| Low | 画像・フォントのCDN化 | ネットワーク最適化 |

提案ごとに「現状サイズ → 改善後の推定サイズ」を示してください。

{
  "mcpServers": {
    "github": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "${GITHUB_TOKEN}"
      }
    }
  }
}

/create-branch #123 のIssueを読んで、修正ブランチを作成し、
関連するファイルを特定して変更の骨格をコメントとして残してください。

{
  "mcpServers": {
    "postgres": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-postgres"],
      "env": {
        "POSTGRES_CONNECTION_STRING": "${DATABASE_URL}"
      }
    }
  }
}

現在のusersテーブルのスキーマを確認した上で、
email_verifiedカラムを追加するマイグレーションSQLを書いてください。
既存データへの影響と、ロールバック用のDOWNスクリプトも含めてください。

{
  "mcpServers": {
    "stripe": {
      "command": "npx",
      "args": ["-y", "@stripe/agent-toolkit"],
      "env": {
        "STRIPE_SECRET_KEY": "${STRIPE_SECRET_KEY}"
      }
    }
  }
}

# 接続状況の確認
claude mcp list

# 特定サーバーの詳細確認
claude mcp get github

{
  "hooks": {
    "PreToolUse": [
      {
        "matcher": "write_file",
        "hooks": [
          {
            "type": "command",
            "command": "npx lint-staged"
          }
        ]
      }
    ],
    "Stop": [
      {
        "hooks": [
          {
            "type": "command",
            "command": "echo '✅ Claude Code セッション終了' | notify-send -"
          }
        ]
      }
    ]
  }
}

{
  "hooks": {
    "PostToolUse": [
      {
        "matcher": "write_file",
        "hooks": [
          {
            "type": "command",
            "command": "npx prettier --write \"$CLAUDE_TOOL_INPUT_PATH\" && npx eslint --fix \"$CLAUDE_TOOL_INPUT_PATH\""
          }
        ]
      }
    ]
  }
}

{
  "hooks": {
    "PreToolUse": [
      {
        "matcher": "bash",
        "hooks": [
          {
            "type": "command",
            "command": "echo \"$CLAUDE_TOOL_INPUT_COMMAND\" | grep -q 'git commit' && gitleaks detect --staged --no-banner || true"
          }
        ]
      }
    ]
  }
}

# プロジェクト概要
このリポジトリはNext.js 14 App Router + TypeScriptで構築された
ECサイトです。

# コーディング規約
- 関数コンポーネントのみ使用（クラスコンポーネント禁止）
- 状態管理はZustand。ReduxやContextは新規で使わない
- CSS-in-JSは使用不可。Tailwind CSSを使う
- APIルートのエラーハンドリングは必ずtry-catchでラップし、
  `AppError` クラスでスローする

# ディレクトリ構成
src/
├── app/         # App Router ページ・レイアウト
├── components/  # UIコンポーネント
├── lib/         # ユーティリティ・ヘルパー
└── types/       # 型定義

# コミットするもの（チームで共有する設定）
# .claude/commands/    ← コミットする
# .claude/settings.json ← コミットする（APIキーを含まない）
# CLAUDE.md            ← コミットする

# コミットしないもの（個人の設定・秘密情報）
.env
.env.local
.mcp.json          # APIキーが入る可能性があるため個人管理
~/.claude/         # グローバル設定はそもそもgit管理しない

# ファイルのパーミションと拡張子を確認
ls -la .claude/commands/
# → .md 拡張子であることを確認

# Claude Codeを再起動して設定を再読み込み

# 手動で起動してエラーを確認
npx @modelcontextprotocol/server-github
# → エラーメッセージを確認してNode.jsバージョンや環境変数を修正