google-labs-code

Automates iterative website development using Stitch MCP tools and a baton-passing loop pattern. Agents generate pages autonomously, maintain project context, and continue development through continuous improvement cycles.

團隊需要快速、一致的應用程式螢幕導覽影片，但手動編輯速度緩慢。此技能可自動化螢幕擷取和 Remotion 組合，產生可直接渲染的影片，包含轉場效果和疊加層。

適用於 Claude、Codex 和 Claude Code 的 AI 技能

將 Stitch 的視覺設計轉換為乾淨、模組化的 React 代碼，採用 TypeScript 和 Tailwind CSS。通過自動化的 AST 驗證消除設計模擬圖的手動編碼，確保一致的代碼品質。

模糊的 UI 描述經常導致 AI 生成器產生不一致的結果。此技能將粗糙的想法轉換為結構化的詳細提示，包含設計系統上下文、特定元件名稱和清晰的頁面佈局，以產生更高品質的輸出。

設計系統通常被困在技術性的 CSS 值中，難以轉換為提示詞。這個技能可以分析視覺資產，並將它們翻譯成自然語言的設計文件，確保一致的 UI 生成。