Communitygithub.com

google-labs-code/stitch-design

Stitchデザインワークの統合エントリポイント。プロンプト拡張(UI/UXキーワード、雰囲気)、デザインシステムの統合(.stitch/DESIGN.md)、Stitch MCPを介した高忠実度画面生成/編集を処理します。

stitch-design とは?

google-labs-code/stitch-designは、Stichデザインワークフローを一元管理するためのAIエージェントスキルです。主に3つの機能を提供します。まず、プロンプト拡張機能では、UI/UXデザインのキーワードや雰囲気を追加し、生成されるデザインのクオリティを向上させます。次に、デザインシステムの統合機能では、.stitch/DESIGN.mdファイルを生成または更新し、一貫性のあるデザインシステムを維持します。最後に、Stitch MCPを介して高忠実度の画面生成と編集を実行します。これにより、デザイナーや開発者は効率的にUIデザインを反復・改善できます。このスキルはClaude CodeなどのAIエージェント向けに設計されており、Stitch MCPが前提となります。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/skills/stitch-design

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

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

ドキュメント

stitch-design は何をしますか?

Stitchデザインワークの統合エントリポイント。プロンプト拡張(UI/UXキーワード、雰囲気)、デザインシステムの統合(.stitch/DESIGN.md)、Stitch MCPを介した高忠実度画面生成/編集を処理します。

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

関連スキル