このアプリについて
開発現場で本当に使える、AIスキル＆ツールのショーケース集。 ReactやGraphQLの開発スキル6種、PRレビューやチケット管理コマンド6種、エージェント2種を収録。 JIRA・GitHub・Slack・Notionなど8つの外部サービス連携もすぐに使える状態で同梱されています。
連携方式スキルフックMCP
使い方
Claude Code がインストール済みであることを前提としています
MCP として使う
MCP とは？ →外部サービスやデータをClaude に接続する拡張機能です
STEP 1README を確認
README.mdGitHub でインストール手順を確認STEP 2コマンドを実行
claude mcp addターミナルで追加STEP 3再起動して完了
新ツールが使えるClaude Code を再起動コマンドの例
# MCP サーバーを追加するコマンド claude mcp add <サーバー名> <コマンド> # 具体的なコマンドは各リポジトリの README を確認
スキルとして使う
スキルとは？ →Claude Code に特定の作業を覚えさせる命令ファイルです。/スキル名と入力するだけで呼び出せます
STEP 1ファイルを入手
SKILL.mdGitHub からダウンロードSTEP 2フォルダに配置
.claude/commands/プロジェクト or ホームにSTEP 3チャットで起動
/スキル名Claude Code のチャット欄で配置場所のイメージ
プロジェクト/
└── .claude/
└── commands/
└── skill-name.md ← ここに置く
# グローバル（全プロジェクトで使う場合）
~/.claude/commands/フックとして使う
フックとは？ →決まった操作をきっかけに自動で動くスクリプトです。ファイル保存・コミット前など任意のタイミングで実行できます
STEP 1スクリプトを入手
hook.sh / .pyGitHub からダウンロードSTEP 2設定ファイルに追記
settings.jsonhooks 欄にトリガーを設定STEP 3自動実行
トリガー発火設定タイミングで Claude が起動~/.claude/settings.json の例
{
"hooks": {
"PostToolUse": [{
"matcher": "Write|Edit",
"hooks": [{ "type": "command", "command": "./hook.sh" }]
}]
}
}スキル一覧
6 件core-componentsコアコンポーネントライブラリとデザインシステムパターン。UI 構築・デザイントークン・コンポーネントライブラリ利用時に活用formik-patternsFormik を使ったフォーム処理とバリデーションパターン。フォーム構築・バリデーション実装・送信処理時に活用graphql-schemaGraphQL クエリ・ミューテーション・コード生成パターン。Apollo Client や型生成を含む GraphQL 操作全般に活用react-ui-patternsローディング状態・エラーハンドリング・データフェッチのモダン React UI パターン。非同期データ管理や UI 状態管理に活用systematic-debugging根本原因分析を重視した4フェーズデバッグ手法。バグ調査・テスト失敗の修正・予期しない動作のトラブルシューティングに活用testing-patternsJest テストパターン・ファクトリ関数・モック戦略・TDD ワークフロー。ユニットテスト作成や TDD の red-green-refactor サイクルに活用コマンド一覧
6 件関連のアプリをさがす
関連アプリ
同じカテゴリ・業界のアプリからナビが選びました
