design-md

作者： google-labs-code

分析 Stitch 設計專案，並生成語意化的 DESIGN.md 檔案，作為提示的真實來源。透過 MCP Server 工具從 Stitch 專案中擷取螢幕元資料、HTML/CSS 原始碼及設計素材，以提取設計標記與視覺模式。將分析結果綜合為結構化的 DESIGN.md 檔案，涵蓋氛圍、含十六進位色碼的調色盤、字體排版、元件樣式及佈局原則。將技術數值（Tailwind 類別、邊框圓角、陰影）轉譯為具象徵性的...

npx skills add https://github.com/google-labs-code/stitch-skills --skill design-md

下載 ZIP GitHub

來自 google-labs-code 的更多技能

agent-dx-cli-scale

google-labs-code

一個基於「為AI代理重寫你的CLI」原則，用於評估CLI對AI代理設計優劣的評分量表。

google-labs-code

用於 json-render 的 Ink 終端渲染器，可將 JSON 規格轉換為互動式終端 UI。適用於使用 @json-render/ink 從…構建終端 UI 時。

tdd-red-green-refactor

google-labs-code

此技能實作了一個結構化框架，用於AI輔助程式設計，確保每一行程式碼都可驗證、具型別且有意義。

typed-service-contracts

google-labs-code

使用「規格與處理器」模式建構穩健、型別安全的 TypeScript 服務的架構標準。適用於建構 CLI、函式庫或複雜…

automate-github-issues

google-labs-code

使用並行的 Jules 編碼代理設置自動化的 GitHub 問題分類與解決。

local-action-verification

google-labs-code

使用 act 建立本地 GitHub Actions 驗證儲存庫，讓 Jules 能在推送前驗證 CI

github-codebase-briefing

google-labs-code

此技能對儲存庫進行「深度閱讀」。它避免表面化的列舉，而是先理解專案的架構，再根據該脈絡評估未解決的事項。

stitch-sdk-bug-bash

google-labs-code

使用真實API金鑰找出Stitch SDK中的錯誤，涵蓋標準功能邊界與棘手情況。