Agent Skills と MCP

@google/stitch CLI は、Claude Code、Cursor、Gemini CLI、Antigravity、VS Code のいずれを使っていても、コーディングエージェントと並行して動作するように作られています。

CLI のフラグをすべて暗記する代わりに、同梱の /stitch スキルをインストールすれば、コーディングエージェントがプロジェクトの管理、DESIGN.md の作成と同期、ライブブラウザールートのキャプチャ、ローカル UI レビューの実行方法を理解します。

`/stitch` スキルをインストールする

プロジェクト内で stitch agent-skills add を実行すると、/stitch スキルのプレイブックが .agents/skills/stitch/ に書き込まれます。

stitch agent-skills add

マシン上のすべてのリポジトリで /stitch を使えるようにする場合は、~/.agents/skills/stitch/ にグローバルインストールします。

stitch agent-skills add --user

または、.claude/skills/stitch のような特定のエージェントディレクトリを対象にすることもできます。

stitch agent-skills add --dir .claude/skills/stitch

`/stitch` スキルがエージェントに提供するもの

インストールすると、コーディングエージェントのチャットで /stitch を直接呼び出せるようになります。スキルには最初から 3 つのコアプレイブックが含まれています。

キャンバスと画面のデザイン（.agents/skills/stitch/SKILL.md） — プロジェクトの作成、画面の生成、参照アセットのアップロード、stitch edit screen による反復。
デザインシステムの同期（.agents/skills/stitch/flows/design.md） — コードベースやクリエイティブブリーフから DESIGN.md を作成し、Stitch プロジェクトにバインドします。
ローカル UI レビュー（.agents/skills/stitch/flows/review.md） — ローカルの開発サーバーからライブのルートをキャプチャし、その DOM とスクリーンショットを DESIGN.md と照合して監査します。

エージェントに次のように依頼してみてください。

PROMPT

/stitch Create a DESIGN.md for this repository, sync it to my Stitch project, and review our /dashboard route against it.

ワークスペース機能を有効にすると（stitch enable loop）、CLI はインストール済みの .agents/skills/stitch ディレクトリを自動的にアップグレードし、コードベースプロトタイピングのプレイブック（flows/prototype.md）も含めます。

スキルのインストール先はいつでも確認でき、現在の CLI バージョンに合わせて更新することもできます。

stitch agent-skills list
stitch agent-skills update

Stitch MCP サーバーを登録する

Model Context Protocol（MCP）経由で Stitch のツールも公開したい場合は、stitch mcp install を実行します。

stitch mcp install

デフォルトでは、stitch mcp install がマシン上のサポート対象エディターをすべて検出し、stitch MCP サーバーを自動的に登録します。

単一のエディターを対象にする

特定のエディターを設定するには --target を渡します（JSON の変更を先に確認したい場合は --dry-run を追加します）。

stitch mcp install --target claude-code
stitch mcp install --target cursor
stitch mcp install --target gemini-cli
stitch mcp install --target antigravity
stitch mcp install --target vscode
stitch mcp install --target claude-desktop

MCP クライアントがカスタム設定ファイルを使う場合は、stdio 経由で stitch mcp start を指定します。

{
  "mcpServers": {
    "stitch": {
      "command": "stitch",
      "args": ["mcp", "start"]
    }
  }
}

MCP サーバーは、CLI の文法を反映した 7 つの統一ツールを公開します。stitch_find、stitch_get、stitch_create、stitch_edit、stitch_generate、stitch_delete、stitch_url です。各ツールの完全なスキーマは、MCP ツールリファレンスを参照してください。