きっかけ
LLMでコード生成するとき、毎回似たようなプロンプトを書いてるのが面倒だった。「テストコード書いて」「型定義ちゃんとして」みたいな指示を、案件ごとに微妙に調整しながら何度も入力してて、これもっと効率化できないかなと思ってたら見つけた。Google Labsが出してるStitch Skillsというリポジトリで、Stitch MCPサーバーと連携して動作するAgent Skillsのライブラリだ。
使ってみた
セットアップは想像より簡単だった。npx skills addコマンドを使って、利用中のコーディングエージェントに自動的にスキルをインストールできる。最初は--listオプションで利用可能なスキルを確認して、stitch-designやreact-componentsといったスキルを試してみた。スキルはSKILL.mdというマークダウンファイルを中心に、scripts/やresources/といったディレクトリで構成されている。実際にインストールして使ってみると、LLMがスキルを認識して、指示通りに動いてくれた。一度スキルを登録すれば、あとは呼び出すだけで使える仕組みになっている。
ここが良い
特に良かったのは、Agent Skills標準に準拠しているため、Antigravity、Gemini CLI、Claude Code、Cursorといった複数のコーディングエージェントで互換性があること。例えばstitch-designスキルはプロンプトの強化やデザインシステムの統合を行い、react-componentsはStitchの画面をReactコンポーネントシステムに変換してくれる。stitch-loopを使えば、単一のプロンプトから複数ページのウェブサイトを生成できる。スキルごとに明確な役割があり、必要に応じて組み合わせて使える設計だ。
気になった点
スキルの内部構造やカスタマイズ方法についての詳細なドキュメントは限られている。提供されているスキルをそのまま使う分には問題ないが、独自のスキルを一から作成する場合は、既存のスキルを参考にしながら試行錯誤する必要がありそうだ。
まとめ
LLMに同じような指示を繰り返し出してる人には刺さると思う。Stitch MCPサーバーと組み合わせることで、デザインからコード生成まで一貫した開発フローを構築できる。Agent Skills標準に準拠しているため、複数のコーディングエージェント間での互換性も期待できる点が実用的だ。