Claude Codeの真価は、デフォルトのチャット体験ではなくサブエージェント・スラッシュコマンド・MCP連携・スキルを束ねた「ハーネス」として運用したときに出る。しかし業務で使えるレベルのエージェント設計を毎回ゼロから書くのは現実的ではない。テンプレートを持ち込み、改造する。これが2026年のClaude Code標準ワークフローだ。

その「持ち込み元」として急速にスター数を伸ばしているのが davila7/claude-code-templates だ。Claude Code全体の使い方は Claude Code完全ガイド2026：インストールから本番運用まで をご覧ください。

30秒で理解する claude-code-templates

  • 何者か: Anthropic Claude Code向けの「エージェント・コマンド・MCP・スキル」を100種以上収録した配布CLI＋Web UI。GitHubスター26,800超（2026年5月時点）。
  • 使い方: npx claude-code-templates@latest --agent xxx --command yyy --mcp zzz --yes で複数コンポーネントをまとめて.claude/に流し込み。Web UI (aitmpl.com) からブラウザ選択も可。
  • 付属ツール: Analytics（セッション可視化）／Chats（モバイル対応会話モニタ）／Health Check（診断）／Plugin Dashboard（一括管理）。CLI実行で即起動。
  • 使い所: 新規プロジェクト立ち上げ時の「一括ブートストラップ」、社内テンプレ整備のリファレンス、Anthropic公式スキルとサードパーティの配布ハブとして。
  • 注意: 配布元が異なるコンポーネントが混在するため、本番投入前にライセンスと中身の差分確認は必須。

claude-code-templatesとは何か——Claude Code拡張の「インストーラ」になったOSS

davila7/claude-code-templates は、開発者Daniel Avila氏が中心となって2025年に公開した、Anthropic Claude Code向けのテンプレート配布システムだ。プロジェクトの公式サイト aitmpl.com から拡張機能をブラウザで選択する体験と、npx から1行で導入できるCLIの両方を提供する。

公式README曰く「a comprehensive collection of AI agents, custom commands, settings, hooks, external integrations (MCPs), and project templates to enhance your development workflow」（AIエージェント・カスタムコマンド・設定・フック・外部連携・プロジェクトテンプレートの総合カタログ）。スター数は2026年5月時点で26,800を超え、フォークは2,700台、Watcherは170以上を記録しており、Claude Code関連OSSとしては最大級の規模に育っている。

重要なのは、これが「Claude Code単体のラッパー」ではなく、Claude Codeの拡張ポイントすべてを束ねるインストーラとして設計されていることだ。Anthropicが公式に提供する anthropics/skills リポジトリのスキル群、K-Dense-AIによる科学系スキル群、コミュニティ寄稿のエージェント・コマンドを統合し、CLIフラグで指定するだけで.claude/配下に配置してくれる。手作業で同等のセットアップを再現しようとすれば、複数リポジトリのクローン・ファイルコピー・JSON合成で1時間は溶ける作業を、数秒に短縮する。

この章のポイント

  • claude-code-templatesはClaude Code拡張の配布CLI＋Web UI
  • スター26.8K・フォーク2.7K・100+コンポーネントを収録
  • Anthropic公式スキル + コミュニティ拡張のハブとして機能

6つのコンポーネントカテゴリ——.claude/を構成するすべてを網羅

claude-code-templatesが扱うコンポーネントは、Claude Codeの拡張ポイントごとに6カテゴリに整理されている。リポジトリの/cli-tool/components/配下に agents / commands / mcps / hooks / settings / skills のディレクトリ構造で配置されており、それぞれが独立したCLIフラグで導入可能だ。

カテゴリ 役割 配置先 例
🤖 Agents ドメイン特化のサブエージェント .claude/agents/ security-auditor, react-performance-optimizer, database-architect
⚡ Commands カスタムスラッシュコマンド .claude/commands/ /generate-tests, /optimize-bundle, /check-security
🔌 MCPs 外部サービス統合 .mcp.json 統合 GitHub, PostgreSQL, Stripe, AWS, OpenAI
⚙️ Settings Claude Code動作設定 .claude/settings.json timeout・memory・output-style
🪝 Hooks 自動化トリガ .claude/settings.json pre-commit検証, post-completion通知
🎨 Skills プログレッシブ開示型スキル .claude/skills/ PDF処理, Excel自動化, カスタムワークフロー

各カテゴリの実体は単純なファイル群だ。たとえばagentsディレクトリ配下の各サブディレクトリは、Claude Codeのサブエージェント仕様に沿ったMarkdownファイル（フロントマター付き）であり、commandsはスラッシュコマンドのMarkdown定義、skillsはSKILL.mdを中心としたディレクトリツリーである。

Claude Codeの拡張ポイント早見表

  • Subagent: 独立コンテキストで動く専門AI。.claude/agents/{name}.md
  • Slash Command: ワンコマンドで定型作業。.claude/commands/{name}.md
  • Skill: 進行中の作業に動的にロードされる手順書。.claude/skills/{name}/SKILL.md
  • MCP: 外部ツール・APIを呼べるサーバ。.mcp.jsonで参照
  • Hook: 特定イベント（PreToolUse等）で発火するシェルコマンド。settings.json
  • Setting: Claude Codeのランタイム設定全般。settings.json

claude-code-templatesはこの6種を共通CLIで一気に揃える役割を担う。

インストールと基本コマンド——npx 1行で複数導入

最大の魅力は導入の手軽さだ。Node.jsさえ入っていれば、追加のnpm installは不要で npx から直接実行できる。

単体インストール

エージェントを1つだけ追加する例。

# code-reviewerエージェントを `.claude/agents/` に配置
npx claude-code-templates@latest \
  --agent development-tools/code-reviewer \
  --yes

--yes は確認プロンプトをスキップする非対話フラグ。CIで使う場合に便利だが、初回は外して配置されるファイルの差分を目視確認することを推奨する。

バンドルインストール

新規プロジェクトの初期化フェーズでは、Agent・Command・MCPをまとめて1コマンドで投入できる。

# フロントエンド開発の標準セット一式
npx claude-code-templates@latest \
  --agent development-team/frontend-developer \
  --command testing/generate-tests \
  --mcp development/github-integration \
  --yes

このコマンドが完了した瞬間、.claude/agents/frontend-developer.md、.claude/commands/generate-tests.md、.mcp.json のGitHub MCPエントリが追加され、Claude Codeを起動すれば即座にこれらが認識される。

対話モード

フラグを何も指定しなければ、対話的なセレクタが起動する。「初めて触る」場合はまずこちらから始めるとよい。

npx claude-code-templates@latest
# → カテゴリ選択 → コンポーネント選択 → インストール

--yesの使い所に注意

--yesはCI・スクリプト用。既存.claude/を持つプロジェクトに初めて適用するときは外してプレビューを見る。同名のコマンドやスキルがあった場合の挙動は配布物のバージョンによって変わるため、git cleanな状態で実行し、git diffで必ず差分を読む。

アーキテクチャ全体像——CLIから.claude/までの流れ

claude-code-templatesがどう動くかを1枚にまとめると次のようになる。

flowchart LR U[開発者] -->|npx CLI 実行| CLI[claude-code-templates@latest] CLI -->|--agent / --command / --mcp / --skill| FETCH[components/
カタログ] FETCH -->|MIT配布物| CACHE[ローカルキャッシュ] CACHE -->|配置| DOTC[.claude/
agents commands
skills hooks settings] CACHE -->|MCP統合| MCP[.mcp.json] DOTC --> CC[Claude Code 起動] MCP --> CC CLI -->|--analytics| ANA[Analytics Dashboard
localhost:port] CLI -->|--chats| CHATS[Chats Monitor
モバイル対応] CLI -->|--plugins| PD[Plugin Dashboard] CLI -->|--health-check| HC[Health Check]

CLIは「配布カタログから引っ張ってきて.claude/に配置するインストーラ」と「ダッシュボード起動ランチャー」の二役を兼ねている。MCPは.mcp.json、それ以外は.claude/配下に分配されるため、Claude Code側の標準解釈をそのまま使える設計だ。

ダッシュボード4種——.claude/を埋めるだけで終わらない

claude-code-templatesは「カタログCLI」だけではない。Claude Codeの利用状況・健全性を可視化する4つのダッシュボードを内蔵しており、これがコミュニティでの評価を押し上げている。

1. Analytics Dashboard

npx claude-code-templates@latest --analytics

ローカルでWebサーバを起動し、Claude Codeのセッションログからトークン使用量・モデル別呼び出し回数・ツール使用統計を集計する。Anthropic公式コンソールの利用統計はワークスペース単位での粒度になるが、こちらは手元のセッション単位で詳細を追えるため、「どの作業がトークンを食ったか」のトレースに向く。

2. Conversation Monitor (Chats)

npx claude-code-templates@latest --chats

モバイル最適化されたWeb UIで、進行中のClaude Code会話をリアルタイム閲覧できる。長時間の自律タスクをかけたまま外出する際、スマホから進捗を覗くといった使い方が想定されている。安全なリモートアクセス機能つきで、トンネリング設定なしでも外部から確認できる。

3. Health Check

npx claude-code-templates@latest --health-check

Claude Codeのインストール・設定・MCP接続を診断するツール。.claude/の構文エラー、MCPサーバの起動失敗、API鍵の欠落などを一覧で確認できる。社内で「動かない」報告を受けた際の一次切り分けに使える。

4. Plugin Dashboard

npx claude-code-templates@latest --plugins

導入済みコンポーネントの一覧表示・有効化／無効化・更新確認をUIで行う。多数のスキル・エージェントを抱えたプロジェクトで、.claude/settings.json を直接編集せずに切り替えできる点が便利だ。

ダッシュボード4種の使い分け

  • Analytics: トークン浪費の特定／チームへの利用状況共有
  • Chats: 長時間タスクの進捗をモバイルから確認
  • Health Check: 「動かない」一次切り分け
  • Plugin Dashboard: 多数コンポーネントの管理

他のClaude Codeテンプレ系OSSとの比較——どれを使い分けるか

Claude Code関連のテンプレート集は2026年に入って急増しており、それぞれ役割が異なる。代表的な3つを比較する。

プロジェクト 性質 主目的 配置先 強み 弱み
davila7/claude-code-templates CLI＋Web UI 6カテゴリの配布インストーラ .claude/配下＋.mcp.json npx一発／ダッシュボード4種付き／Anthropic公式スキル統合 配布元が混在、本番投入前のレビュー必須
anthropics/skills スキル単品集 Anthropic公式が認証するスキルサンプル 各自で.claude/skills/にコピー 公式品質、PDF/PPTX/XLSX/DOCXの実用例 エージェント・MCPはカバー外
shanraisshan/claude-code-best-practice ドキュメント＋テンプレ Boris直伝の運用ノウハウ集 主にドキュメント、一部テンプレあり Claude Code作者貢献、Tipsの密度 コードよりノウハウ寄り

3者は競合ではなく重なり方が違う補完関係にある。新規プロジェクトのブートストラップは claude-code-templates、スキル単体の参照実装は anthropics/skills、運用ノウハウは claude-code-best-practice、というのが2026年5月現在の標準的な使い分けだ。詳細な使い分けは Claude Codeベストプラクティス2026 も参照してほしい。

選定の鉄則

  • 新規プロジェクトの初期セットアップ → claude-code-templates でバンドル投入
  • スキル単体の参照実装が欲しい → anthropics/skills を読む
  • 運用ノウハウを学ぶ → claude-code-best-practice を読む
  • 3者を併用するのが最適解。配布の中身は重複しないように整理されている

MCP統合の威力——GitHub・PostgreSQL・Stripe・AWS・OpenAIをワンコマンドで

claude-code-templatesが他のテンプレ集と一線を画す要因の一つが、MCP（Model Context Protocol）統合を6カテゴリの一級市民として扱っている点だ。MCPは外部サービスとの接続規約で、Claude Code側の .mcp.json に登録しておくと、エージェントが必要なときにツール経由で呼び出せる。

公式READMEで例示される接続先は次のとおりだ。

  • GitHub: イシュー・PR・コード検索
  • PostgreSQL: スキーマ確認・クエリ実行
  • Stripe: 顧客・サブスクリプション情報の取得
  • AWS: EC2・S3・Lambdaの操作
  • OpenAI: 他社モデルとの対比・補助呼び出し

これらをCLIから1行で組み込める。

# GitHub・PostgreSQL・Stripe MCPを一括導入
npx claude-code-templates@latest \
  --mcp development/github-integration \
  --mcp database/postgresql \
  --mcp payments/stripe \
  --yes

MCP単体での導入と運用については MCPサーバー作り方完全ガイド で詳しく扱っているが、claude-code-templatesを経由するとMCP定義の手書きを完全にスキップできるため、初学者がいきなり実用ツールを束ねた状態で開発に入れる。

API鍵の扱いに注意

MCPサーバの多くは外部サービスへのAPI鍵を必要とする。導入後、.envまたは環境変数に鍵を置く工程は別途必要だ。.mcp.jsonの中に直接書かないこと（gitに上がるリスクがある）。.gitignoreの .env 設定を併せて確認する。

実運用Tips——本番プロジェクトで失敗しない使い方

業務で使い倒すときに押さえておきたい運用Tipsをまとめる。

Tip 1: .claude/の差分は必ずレビューする

--yesをつけてバンドル導入すると、知らないうちにサブエージェント定義が10個近く増えることがある。各エージェントは独自のシステムプロンプトを持ち、PreToolUse等のフック動作を変える可能性もあるため、導入後の git diff -- .claude/ は必ず読む。社内ガイドラインに合わない指示文（例: 過度に冗長な説明・英語固定の出力スタイル）が含まれていれば、その場で修正してコミットする。

Tip 2: Anthropic公式スキルを優先

PDF処理・PPTX操作・XLSX編集などのスキルは、claude-code-templates経由でもAnthropic公式の anthropics/skills を取り込んだ実装になる。同名のサードパーティ版がカタログに混じる場合は、公式版の優先採用がトラブルを減らす。

Tip 3: Analyticsをチーム共有のSLO計測に転用

Analyticsダッシュボードはローカル起動だが、社内ネットワーク経由で共有することで、「1機能あたりのトークンコスト」をSLO化して計測できる。Claude APIの料金体系（Claude API料金完全ガイド2026 ）と組み合わせると、機能ごとのROI議論まで詰められる。

Tip 4: Plugin Dashboardでスキルを「無効化」する

Skillは増やしすぎると、関係ない場面でClaudeがロードを試みてコンテキスト消費の原因になる。Plugin Dashboardからプロジェクトごとに使わないスキルを無効化しておくと、起動時のスキャン対象が減って体感が軽くなる。

Tip 5: Health Checkを「動かない」報告の一次対応に組み込む

社内Slackで「Claude Codeが動かない」と相談を受けたら、まず npx claude-code-templates@latest --health-check の出力を貼ってもらう運用にする。90%の問題はここで切り分け可能で、残った10%だけをエスカレーションする運用にすると、サポート工数が大幅に減る。

# 社内サポートテンプレ用ワンライナー
npx claude-code-templates@latest --health-check 2>&1 | tee /tmp/claude-health-$(date +%s).log

運用の鉄則

  • --yes時の差分は必ずレビュー
  • Anthropic公式スキル優先採用
  • AnalyticsでROI議論まで詰める
  • Plugin Dashboardで不要スキル無効化
  • Health Checkを一次切り分けに標準化

ライセンスとセキュリティ上の注意点

本体のライセンスはMITで、商用利用・改変・再配布が許可されている。ただし配布されるコンポーネントは複数の上流リポジトリ起源のものが含まれるため、個別ライセンスの確認は導入後に必ず行う。

セキュリティ面では3点が重要だ。

  1. MCP経由の任意コード実行リスク: MCPサーバはローカルプロセスとして起動する。サードパーティMCPは事前にソースを読み、spawnで何を実行するか確認する。
  2. Hookの暗黙実行: フック（PreToolUseなど）は条件成立で勝手にシェルを実行する。導入したフックが何を呼ぶか、settings.jsonのhooksセクションを必ず読む。
  3. API鍵の漏洩経路: MCP定義に直書きしない、ログに出力しないの2点は徹底する。

サプライチェーン全体の視点は サプライチェーン・セキュリティ完全ガイド も参考になる。OSS導入時の一般的なリスク管理フローを抑えておくと、claude-code-templatesに限らず安全な拡張運用ができる。

「便利な配布物」は攻撃対象になりうる

スター数が多いOSSはサプライチェーン攻撃の標的になりやすい。プルしたタグとpackage.jsonの依存ツリーは、本番投入前にスキャンする運用にするのが望ましい。Dependabotやsocket.devなどの監視を併用すると安心。

似て非なる選択肢——OSS・公式どちらを選ぶか

Claude Code拡張のエコシステムが整ってきた今、「公式 vs コミュニティOSS」の選択基準を改めて整理しておく。

観点 claude-code-templates Anthropic公式チャネル
配布形態 npx CLI、Web UIで選択 Claude Code内蔵プラグイン管理
更新速度 コミュニティ寄稿で速い 公式ロードマップに依存
品質保証 個別レビュー必要 Anthropic検証済み
カバー範囲 エージェント・MCP・スキル全部 内蔵機能の延長
料金 無料 Claude Codeの一部
トラブル時 GitHub Issuesに依存 Anthropicサポート

社内利用方針によって選択肢が変わるが、「本番に出すコンポーネントは公式または社内フォーク」、「実験はclaude-code-templates経由でも可」という線引きが2026年5月時点での妥当解だ。

まとめ——Claude Code環境の標準入り口

claude-code-templatesは、Claude Codeの拡張ポイントを束ねた事実上の標準ブートストラップとして機能している。

  • 何が嬉しいか: 100種以上のエージェント・コマンド・MCP・スキルをnpx一発で導入可能。Analytics・Chats・Plugin・Health Checkのダッシュボードが付属し、運用面までカバー。
  • 何に注意するか: 配布物の出自確認、.claude/差分レビュー、API鍵管理、Hook暗黙実行リスク。
  • どう使い分けるか: 新規プロジェクトのブートストラップに使い、運用ノウハウは claude-code-best-practice、スキル単体の参照は anthropics/skills、MCP独自実装は MCPサーバー作り方ガイド を併読。

「Claude Codeを使うなら、まずどこから入ればいい？」と聞かれたら、2026年5月時点では npx claude-code-templates@latest を実行してみる、が最短の答えになる。

参照ソース