mcpField
A
agent-starter-kit

agent-starter-kit

github.com/jamalmohafilエージェントワークフロー27109 回インストール5 日前に更新
リポジトリ

agent-starter-kit について

AI エージェントにスキル、プラグイン、MCP サーバーをまとめて導入するインストーラーです。Tier 1 のスキルは 70 以上のエージェントを対象とし、Tier 2 は Claude Code 向けです。

主な機能

  1. 01対応エージェントにスキルを導入
  2. 02ブラウザー操作と UI 設計のスキル
  3. 03コードレビューとワークフローの指針
  4. 04Claude Code のプラグインと MCP
  5. 05対象エージェントやスキルのみの指定

活用シーン

  1. 01新しいエージェント環境のセットアップ
  2. 02エージェントへのブラウザー自動化の追加
  3. 03GitHub リポジトリや issue へのアクセス
  4. 04Cursor や Codex へのスキル導入

MCP 対応

Claude Code に Playwright と GitHub の MCP 連携を導入します。Codex や Cursor でも、それぞれの MCP 設定から追加できます。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/jamalmohafil/claude-skills --skill agent-starter-kit

インストール後、Claude Code で/agent-starter-kitを入力して読み込まれたか確認します。

同梱ファイルinstall.shREADME.md

詳細

Agent Starter Kit

新しいエージェントを開いたその瞬間にインストールする価値のあるスキル、プラグイン、MCP サーバーを、1 回のインストールにまとめたものです。一つずつ探し回る代わりに、インストーラーを実行すれば、エージェントは実際の能力を備えた状態で起動します。必要に応じてさらに多くのスキルを見つけてインストールし、ブラウザを操作し、ガードレール付きで推論し、クリーンな UI(アラビア語対応)を設計し、自分のコードをレビューし、ブラウザと GitHub を自動化できます。

インストールされるもの

Tier 1 — スキル(npx skills 経由で 70 以上のエージェントで動作: Claude Code、Codex、Cursor など):

スキルエージェントに与えるもの
find-skills必要に応じて他のあらゆるスキルを発見してインストールする — メタスキル
agent-browserエージェント自身が操作する本物のブラウザ(開く、クリック、入力、検証)
karpathy-guidelines行動ルール: 暗黙の前提を置かない、最小限の解決策、行動前に検証
ui-ux-pro-maxデザインシステムの知能 — スタイル、カラーパレット、フォントの組み合わせ
caveman丁寧さよりシグナルが欲しいときの、率直で無駄のない回答
arabic-designAI 生成デザインにおけるクリーンなアラビア語(レタースペーシング/RTL の罠を修正)
design-taste-frontendランディングページ、ポートフォリオ、リデザインのためのデザインセンス — テンプレート的で凡庸な UI を止める(tasteskill)
remotion-best-practicesRemotion による React での動画 — 公式スキルで、11 個のネストされたリファレンス(create · markup · captions · render · studio · maps · …)を内包するルーター

Tier 2 — プラグイン / MCP(Claude Code のみ):

プラグイン / MCPClaude Code に与えるもの
frontend-design洗練された、凡庸でない UI のための Anthropic のデザインガイダンス
superpowersTDD + サブエージェントオーケストレーションのワークフロー(ブレインストーム → 設計 → 構築 → レビュー)
code-review任意のブランチ/PR に対する /code-review — スコア付きで実行可能なレビュー
playwright (MCP)ブラウザ自動化とエンドツーエンドテスト
github (MCP)エージェントから GitHub リポジトリ、PR、Issue を読み取り/管理
claude-md-managementCLAUDE.md ファイルを整理された最新の状態に保つ

実行方法

スキルディレクトリから:

bash install.sh                 # Claude Code — installs everything
bash install.sh --agent cursor  # Cursor — installs the Tier 1 skills
bash install.sh --agent codex   # Codex  — installs the Tier 1 skills
bash install.sh --agent '*'     # every detected agent
bash install.sh --skills-only   # skip the Claude-Code-only plugins/MCPs

このスクリプトはベストエフォートで、再実行しても安全です。各項目は独立してインストールされ、自動でインストールできないものについては、完了するための正確な手動コマンドが出力されます。

スキルとして呼び出されたとき

エージェントが環境をセットアップするためにこのスキルを読み込んだ場合: 現在のエージェントに適した --agent を指定して install.sh を実行してください。その後、何がインストールされたかを確認し、スクリプトが出力した手動フォールバックの行があれば提示してください。Claude Code では、新しいプラグインを読み込むために再起動する(または /plugin を実行する)ようユーザーに伝えてください。

正直な適用範囲の注意

  • Tier 1 のスキルは真にクロスエージェントです — npx skills は 70 以上のエージェントを対象としています。
  • design-taste-frontend は作者自身によってランディングページ、ポートフォリオ、リデザインに範囲が限定されています — ダッシュボード、データテーブル、多段階のプロダクト UI は対象外です。またサイズが大きい(約 87KB)ため、発動すると実際にコンテキストを消費します。プロジェクトの UI がダッシュボードである場合、またはすでに確定したビジュアルシステムがある場合は、すでに決めたシステムと議論させるのではなく、ループから外しておいてください。
  • remotion-best-practices は 12 個ではなく 1 つのエントリです。 公式リポジトリは 12 個のスキルを提供していますが、このルーターは他の 11 個すべてを内部にネストし、すべての相対リンクが解決する状態でインストールされます(検証済み)。単一のルーターをインストールすることでエージェントのスキルリストをクリーンに保ち、何も失いません — 兄弟スキルを別個のエントリとして追加してこれを「修正」しないでください。
  • Tier 2 は Claude Code のみです。 Codex/Cursor には「プラグイン」に相当するものがありません。それらの 2 つの MCP 項目(playwright、github)は、そのエージェント自身の MCP 設定を通じて Codex/Cursor に追加できます — 非 Claude の --agent を渡すと、スクリプトがそのように案内します。

コメント