G
react:components
作者 google-labs-code
react:components 技能會將 Stitch 設計轉換為適用於前端開發的模組化 Vite 與 React 元件。它結合檢索、本機檔案檢查與基於 AST 的驗證,確保輸出能對齊設計 token、既有檔案與專案限制。當你需要結構化的元件程式碼,而不是一次性的 JSX 傾倒時,這份 react:components 指南就很適合。
前端开发
收藏 0GitHub 5k
作者 google-labs-code
react:components 技能會將 Stitch 設計轉換為適用於前端開發的模組化 Vite 與 React 元件。它結合檢索、本機檔案檢查與基於 AST 的驗證,確保輸出能對齊設計 token、既有檔案與專案限制。當你需要結構化的元件程式碼,而不是一次性的 JSX 傾倒時,這份 react:components 指南就很適合。
作者 google-labs-code
enhance-prompt 技能能把模糊的 UI 想法,轉成更清楚、可直接交給 Stitch 的提示詞,並補強結構、UI/UX 詞彙與設計系統脈絡。使用這份 enhance-prompt 指南,可提升提示詞精確度、減少猜測,並讓提示詞撰寫與 UI 生成得到更一致的結果。
作者 google-labs-code
design-md 技能會分析 Stitch 專案,並將畫面轉換成具語意的 DESIGN.md 單一真相來源,讓版面、語氣、色彩與元件語言保持一致。當你需要的是可供後續 Stitch 生成沿用的提示式設計指引,而不只是視覺摘要時,請使用 design-md 來建立 Design Systems。
作者 google-labs-code
stitch-loop 是一個工作流程自動化技能,專為用 Stitch 以反覆迭代的接力式流程建立頁面而設計。它能幫助代理讀取 `.stitch/next-prompt.md`、產生下一個頁面、將其整合進網站,並以更少的猜測完成下一輪交接。