stitch-loop について
stitch-loopはGoogle Labs (Stitch)のデザインからコードへのスキルです。批評と調整を繰り返し、実装したUIを brief に近づけます。UIを反復的に改善するエージェント向けです。
主な機能
- 01デザインからコードへの反復
- 02UIのレビューと調整
- 03視覚的な忠実度の改善
活用シーン
- 01briefに沿ったUIの改善
- 02実装済みインターフェースの確認
- 03納品前のデザイン調整
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ nexu-io/ open-design --skill stitch-loopインストール後、Claude Code で/stitch-loopを入力して読み込まれたか確認します。
詳細
stitch-loop
Google Labs(Stitch)が厳選しました。
概要
デザインからコードへの反復的なフィードバックループです。批評 → 調整 → リリースのサイクルを通じて、概要と構築した UI のビジュアルの忠実度を高めます。
ソース
- 上流: https://github.com/google-labs-code/skills
- カテゴリ:
design-systems
使用方法
このカタログエントリーは、エージェントが計画中にこのスキルを見つけられるよう、OpenDesign でスキルを紹介します。元のアセット、スクリプト、リファレンスを含む上流のワークフロー全体を実行するには、上流バンドルをアクティブなエージェントのスキルディレクトリにインストールしてください:
# Inspect the upstream README for exact paths
open https://github.com/google-labs-code/skills
次に、このスキル名(stitch-loop)を指定するか、このスキルの frontmatter に記載されているトリガーフレーズのいずれかを使って、このスキルを呼び出すようエージェントに依頼してください。
コメント
Markdown 対応