Repolode
ChrisWiles

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. 1

    .claude ディレクトリ構造を作成する

    mkdir -p .claude/{agents,commands,hooks,skills}
  2. 2

    プロジェクトのルートに、重要なプロジェクト情報を記載した CLAUDE.md ファイルを追加する

  3. 3

    フックを含む .claude/settings.json を作成する(README の例を参照)

  4. 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 の数値は毎日更新されます。

関連プロジェクト