stitch::extract-design-md
作者： google-labs-code
從前端原始碼中直接提取全面的設計系統（DESIGN.md）——支援 React、Vue、Svelte、Angular、純 HTML/CSS 或任何網頁框架。
npx skills add https://github.com/google-labs-code/stitch-skills --skill stitch::extract-design-md來自 google-labs-code 的更多技能
typed-service-contracts
google-labs-code
使用「Spec and Handler」模式建構穩健、型別安全的 TypeScript 服務之架構標準。適用於建置 CLI、函式庫或複雜…
stitch::code-to-design
google-labs-code
將前端程式碼（Vite、React 等）轉換為 Stitch Design，透過鏈式提取靜態 HTML、設計系統及檔案上傳。**務必**使用此…
react-vite-dashboard
google-labs-code
將Stitch設計轉換為生產級React + Vite儀表板，搭配TanStack Query、來自DESIGN.md的可存取token，以及Web3就緒模式（ethers/viem）。
remotion
google-labs-code
使用 Remotion 從 Stitch 應用程式設計中建立專業的逐步解說影片，包含流暢的轉場與文字疊加。從 Stitch 專案中擷取畫面，並將其編排成 Remotion 影片組合，支援縮放效果、淡入淡出轉場及情境文字疊加。支援模組化元件架構，包含 ScreenSlide 與 WalkthroughComposition 元件，以及互動式熱點與旁白整合等進階功能。產生畫面清單、下載...
ink
google-labs-code
用於 json-render 的 Ink 終端渲染器，可將 JSON 規格轉換為互動式終端 UI。適用於使用 @json-render/ink 從…構建終端 UI 時。
tdd-red-green-refactor
google-labs-code
此技能實作了一個結構化框架，用於AI輔助程式設計，確保每一行程式碼都可驗證、具型別且有意義。
automate-github-issues
google-labs-code
使用並行的 Jules 編碼代理設置自動化的 GitHub 問題分類與解決。
local-action-verification
google-labs-code
使用 act 建立本地 GitHub Actions 驗證儲存庫，讓 Jules 能在推送前驗證 CI