Claude CodeやCodexなどのAIコーディングアシスタント向けに、規律ある開発手法を支援する再利用可能なAgent Skills集
ChrisWiles/claude-code-showcase
CLAUDE.md、hooks、skills、agents、スラッシュコマンド、MCPサーバー、GitHub Actionsの設定例を示すClaude Codeプロジェクト
- スター
- 6,075
- フォーク
- 576
- 未解決の Issue
- 13
- 最終コミット
- 10 か月前
これは何?
このリポジトリは、実際のコードベースでClaude Codeを設定する方法を示す実用的なサンプルです。プロジェクトのメモリファイル(CLAUDE.md)、ツールイベントに応じて実行されるhooksを含むsettings.json、チームのコーディングパターンをClaudeに教える再利用可能なskillドキュメント、コードレビュアーなどの専用agent、カスタムスラッシュコマンド、JIRAやLinearなどのサービスに接続するためのMCPサーバー定義をまとめています。
また、プルリクエスト時やスケジュールに沿ってClaude Codeを実行するGitHub Actionsのワークフローも含まれており、ドキュメントの同期、コード品質のチェック、依存関係の監査などに利用できます。skill評価hookは、プロンプトとファイルパスをskill-rules.jsonのルールと照合し、有効にするskillを提案します。
このプロジェクトは、自分のリポジトリにコピーするか、適宜変更して使うことを想定しています。READMEにはディレクトリ構成、クイックスタート、各設定形式の詳細が記載されています。
主な機能
- 01スタック、コマンド、スタイルルールを記載したCLAUDE.mdによるプロジェクトメモリ
- 02自動フォーマット、テスト、mainブランチでの編集ブロックを行うsettings.jsonのhooks
- 03テスト、GraphQL、UIコンポーネント、デバッグ用のskillドキュメント
- 04コードレビューagentと、/ticketなどのスラッシュコマンド
- 05JIRA、Linear、GitHub、Slack、Postgres用のMCPサーバー設定
- 06PRレビューの自動化や定期メンテナンスを行うGitHub Actions
ユースケース
- 新しいTypeScriptまたはReactプロジェクト向けにClaude Codeの設定を始める
- 1つのリポジトリ内でskills、hooks、agentsがどう連携するかを学ぶ
- GitHub ActionsでClaude CodeによるPRレビューを自動化する
- MCPサーバーを介してClaude Codeを課題管理ツールに接続する
クイックスタート
- 1
.claude ディレクトリ構造を作成する
mkdir -p .claude/{agents,commands,hooks,skills} - 2
プロジェクトのルートに、重要なプロジェクト情報を記載した CLAUDE.md ファイルを追加する
- 3
フックを含む .claude/settings.json を作成する(README の例を参照)
- 4
.claude/skills/testing-patterns/SKILL.md に最初のスキルを追加する
使う前に知っておきたいこと
- これはインストール可能なツールではなく、参考用のショーケースです。コピーして用途に合わせて変更することを想定しています。
- リポジトリにライセンスが指定されていないため、再利用できるかどうかは不明です。
- 例では JIRA、Linear などの外部サービスを想定しており、API トークンとセットアップが必要です。
トピック
よくある質問
- claude-code-showcase とは?
- CLAUDE.md、hooks、skills、agents、スラッシュコマンド、MCPサーバー、GitHub Actionsの設定例を示すClaude Codeプロジェクト このリポジトリは、実際のコードベースでClaude Codeを設定する方法を示す実用的なサンプルです。プロジェクトのメモリファイル(CLAUDE.md)、ツールイベントに応じて実行されるhooksを含むsettings.json、チームのコーディングパターンをClaudeに教える再利用可能なskillドキュメント、コードレビュアーなどの専用agent、カスタムスラッシュコマンド、JIRAやLinearなどのサービスに接続するためのMCPサーバー定義をまとめています。
- claude-code-showcase は無料で使えますか?ライセンスは?
- claude-code-showcase にはライセンスが明記されていません。コードは公開されていますが、ライセンスがない場合は再利用の許諾がないため、利用前に作者に確認することをおすすめします。
- claude-code-showcase は今もメンテナンスされていますか?
- 半年以上コミットなし。claude-code-showcase の最終コミットは 2026年1月6日 です。
- claude-code-showcase は何に使えますか?
- 新しいTypeScriptまたはReactプロジェクト向けにClaude Codeの設定を始める 1つのリポジトリ内でskills、hooks、agentsがどう連携するかを学ぶ GitHub ActionsでClaude CodeによるPRレビューを自動化する MCPサーバーを介してClaude Codeを課題管理ツールに接続する
- claude-code-showcase のインストール方法は?
- .claude ディレクトリ構造を作成する: mkdir -p .claude/{agents,commands,hooks,skills} プロジェクトのルートに、重要なプロジェクト情報を記載した CLAUDE.md ファイルを追加する フックを含む .claude/settings.json を作成する(README の例を参照) .claude/skills/testing-patterns/SKILL.md に最初のスキルを追加する
- claude-code-showcase はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/ChrisWiles/claude-code-showcase
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
Claude Code、Cursor、Gemini CLIなどに導入できる、幅広い職種のAIエージェント用プロンプト集。
Claude CodeとCodexにマルチエージェントスウォーム、共有メモリ、タスク振り分け、マシン間連携を加えるエージェントハーネス。
Claude Code、Codex CLI、Cursorなどに対応する、プラグイン・エージェント・スキル・コマンドのマーケットプレイス。
Claude Cowork向けに、営業や法務、財務などの業務に特化したファイルベースのプラグイン集。
サポートエージェントからブラウザー・コンピューター操作エージェントまで、Claude API上でデプロイ可能なアプリを構築するためのスタータープロジェクト集。