google-labs-code

Stitch MCPツールとバトンパスループパターンを使用して、反復的なWebサイト開発を自動化します。エージェントがページを自律的に生成し、プロジェクトのコンテキストを維持し、継続的な改善サイクルを通じて開発を継続します。

チームではアプリスクリーンの高速で一貫性のあるウォークスルービデオが必要ですが、手動編集は遅いです。このスキルは、画面取得とRemotion構成を自動化し、トランジションとオーバーレイを含むレンダリング可能なビデオを生成します。

Claude、Codex、および Claude Code 用の AI スキル

視覚的なデザインを Stitch から TypeScript と Tailwind CSS を使用したクリーンでモジュールな React コードへと変換します。設計のモックアップからの手動コーディングを自動 AST 検証によって排除し、一貫性のあるコード品質を確保します。

曖昧なUI記述は、AIジェネレーターから一貫性のない結果をもたらすことがよくあります。このスキルは、大まかなアイデアを構造化された詳細なプロンプトに変換し、デザインシステムのコンテキスト、具体的なコンポーネント名、明確なページレイアウトを含めることで、より高い品質の出力を生成します。

設計システムは、多くの場合、プロンプトに翻訳しにくい技術的なCSS値に閉じ込められています。このスキルは視覚アセットを分析し、一貫したUI生成を保証する自然言語の設計ドキュメントに翻訳します。