Stitch

react:components skill は、Stitch のデザインを Frontend Development 向けのモジュール化された Vite と React コンポーネントに変換します。retrieval、ローカルファイルの確認、AST ベースの検証を使い、出力を design tokens、既存ファイル、プロジェクト制約に沿うように保ちます。使い捨ての JSX を出すのではなく、構造化されたコンポーネントコードが必要なときにこの react:components ガイドを使ってください。

enhance-prompt スキルは、あいまいなUIのアイデアを、より明確で Stitch にそのまま使いやすいプロンプトへ整えます。構成を強化し、UI/UXの語彙やデザインシステムの文脈を補うことで、プロンプトの具体性を高め、解釈の余地を減らし、より一貫した結果を得やすくします。この enhance-prompt ガイドは、プロンプトをより的確にし、試行錯誤を減らし、プロンプト作成とUI生成の精度を上げるために使えます。

design-md スキルは Stitch プロジェクトを解析し、画面情報をもとに、レイアウト、トーン、カラー、コンポーネントの言語を一貫させるための意味論的な DESIGN.md を生成します。Design Systems 向けに design-md を使うのは、単なる見た目の要約ではなく、今後の Stitch 生成に向けてプロンプト可能な指針が必要なときです。

stitch-loop は、Stitch を使ってページを反復的なバトンパスのループで作成するためのワークフロー自動化スキルです。.stitch/next-prompt.md を読み取り、次のページを生成し、サイトに組み込み、次の引き継ぎ準備まで行う流れを、迷いを減らしながら進められます。