Communityコーディング&開発github.com

gabelul/stitch-kit

コーディングエージェントがひどいUIをデザインします。stitch-kitはそれをGoogle Stitch MCPに接続し、アイデア出し、画面生成、デザインシステム、プロダクションコンポーネントに至る全パイプラインを教えます。

stitch-kit とは?

gabelul/stitch-kitは、AIコーディングエージェント(Claude Code、Cursor、Codexなど)が生成するUIを大幅に改善するためのスキルです。このスキルは、Google Stitch MCP(Model Context Protocol)と連携し、エージェントにUIデザインの全パイプラインを教えます。具体的には、アイデア出し、画面生成、デザインシステムの適用、プロダクション品質のコンポーネント生成を一貫して行えるようになります。これにより、エージェントが単にコードを生成するだけでなく、視覚的にも優れた、使いやすいインターフェースを設計できるよう支援します。GitHubで公開されており、主に開発ツールやAIエージェント向けのスキルとして利用されます。

対応~Claude Code~Codex CLI~Cursor
npx skills add gabelul/stitch-kit

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

stitch-kit は何をしますか?

コーディングエージェントがひどいUIをデザインします。stitch-kitはそれをGoogle Stitch MCPに接続し、アイデア出し、画面生成、デザインシステム、プロダクションコンポーネントに至る全パイプラインを教えます。

ソース: https://github.com/gabelul/stitch-kit

タグ付け: Awesome Skills Launch Video タスク発見用 (2026-09-20 夕方)。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

関連スキル