技能 design-md
📦
design-md
內容修訂 r1 中風險 ⚙️ 外部命令🌐 網路存取
從 Stitch 專案建立 DESIGN.md 指南
設計團隊需要清楚的單一可信來源，確保 AI 產生的畫面風格一致。此技能會將 Stitch 畫面、中繼資料與視覺資產轉換成結構化的 DESIGN.md 指南。
支援: Claude Codex Code(CC)
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。
智能體請求
Review the Skillstore skill "design-md" from https://skillstore.io/skills/google-labs-code-design-md.md and its manifest at https://skillstore.io/api/skills/google-labs-code-design-md/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「design-md」。 分析家具系列畫面。
預期結果:
- 一個 DESIGN.md 區段，描述平靜、類似藝廊的視覺氛圍。
- 包含描述性名稱、hex 值與功能角色的色彩調色盤。
- 針對按鈕、卡片、導覽、表單與響應式網格的元件指引。
正在使用「design-md」。 為未來 Stitch 畫面建立提示指引。
預期結果:
- 未來提示建議使用的設計語言。
- 間距、字體排印、陰影與互動狀態的具體規則。
- 關於模糊詞彙與缺少色彩值的警告。
正在使用「design-md」。 摘要專案設計主題。
預期結果:
- 簡潔的專案識別區段。
- 語意化色彩與字體排印規則。
- 說明畫面應如何跨裝置適應的版面原則。
安全審計
中風險v6 • 2026/7/9 開啟版本化報告
Static findings for shell execution, reconnaissance, hardcoded URLs, and screen capture upload are false positives caused by markdown examples, Stitch MCP tool references, design terminology, and a public documentation link. The main security concern is semantic: the skill can enumerate owned Stitch projects and retrieve private HTML and screenshots unless the user scopes the project explicitly.
3
已掃描檔案
363
分析行數
0
複核項目
0
已忽略的誤報
已確認的安全問題 (1)
中
Broad Stitch Project Discovery and Asset Retrieval
The skill directs the agent to list owned Stitch projects when no project ID is provided, then fetch screen metadata, HTML code, and optional screenshots. This is intended functionality, but it can expose private project names and design assets unless the user clearly scopes the request.
The instructions explicitly call list_projects, list_screens, get_screen, and web_fetch against design asset URLs. The behavior is legitimate for the skill, but the privacy impact is clear when scope is not explicit.
風險因素
⚙️ 外部命令 (30)
SKILL.md:13 SKILL.md:17 SKILL.md:27 SKILL.md:33 SKILL.md:36 SKILL.md:38 SKILL.md:41 SKILL.md:43 SKILL.md:46 SKILL.md:48 SKILL.md:49 SKILL.md:50 SKILL.md:51 SKILL.md:54 SKILL.md:55 SKILL.md:59 SKILL.md:60 SKILL.md:68 SKILL.md:80 SKILL.md:81 SKILL.md:82 SKILL.md:83 SKILL.md:97-117 SKILL.md:117-124 SKILL.md:124-126 SKILL.md:126-129 SKILL.md:129-131 SKILL.md:131-134 SKILL.md:134-137 SKILL.md:137-145
🌐 網路存取 (2)
審計單位: claude 檢視審計紀錄 →
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/google-labs-code-design-md/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/google-labs-code-design-md?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/google-labs-code-design-md?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/google-labs-code-design-md/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/google-labs-code-design-md.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>學術引用 (APA · BibTeX · CFF)
APA 引用
google-labs-code. (2026). design-md security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/google-labs-code-design-md/audits/6BibTeX 引用
@techreport{google-labs-code-google-labs-code-design-md-2026,
author = {google-labs-code},
title = {design-md security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/google-labs-code-design-md/audits/6},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "design-md security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "google-labs-code"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/google-labs-code-design-md/audits/6"
identifiers:
- type: other
value: "skillstore:google-labs-code-design-md:audit:6"
description: "Skillstore immutable audit report identifier"
比較變體
2 個可安裝變體每位作者的技能都保留為獨立的可安裝項目。推薦變體依 Skillstore 證據排序。
為何此變體排名第一
Skillstore 評分最高
作者 / 來源 Skillstore 評分 證據置信度 Skillstore 使用量 已更新
google-labs-code-design-md
Skillstore 評分 69
證據置信度 高
Skillstore 使用量 18
已更新
2026-09-09
Skillstore 評分
評分依據 證據置信度: 高 55
架構
85
可維護性
87
內容
70
社群
83
規範符合度
你可以打造什麼
記錄產品設計語言
從現有的 Stitch 畫面建立可重複使用的 DESIGN.md，讓未來畫面保持相同風格。
標準化 AI 畫面生成
在要求 Claude、Codex 或 Claude Code 建立新的 UI 畫面前，提供精確的設計參考。
擷取交接指引
為需要共享設計脈絡的團隊，摘要色彩、字體排印、間距與元件行為。
試試這些提示
建立基本 DESIGN.md
使用 design-md 分析我的 Stitch 專案，並為主要畫面建立 DESIGN.md 檔案。
分析特定畫面
在專案 [project ID] 和畫面 [screen ID] 上使用 design-md。專注於色彩、字體排印、元件與版面規則。
建立可重複使用的風格指南
分析選取的 Stitch 畫面，並撰寫一份 DESIGN.md，讓未來提示可以用來建立相符的頁面。
產出詳細的設計系統參考
使用 design-md 擷取 Stitch 畫面 HTML、截圖與專案主題。建立包含氛圍、tokens、元件、版面配置與提示指引的詳細 DESIGN.md。
最佳實務
- 盡可能提供確切的 Stitch 專案與畫面，以避免廣泛探索專案。
- 在將產生的 DESIGN.md 作為提示來源前，先檢查品牌準確性。
- 先使用一個強而有力的參考畫面，再用其他畫面擴充指南。
避免
- 當只有一個專案相關時，不要要求它檢查所有專案。
- 不要將產生的指南視為完整的無障礙稽核。
- 當有確切的專案與畫面識別碼時，不要使用模糊提示。
常見問題
這個技能會建立什麼？
它會建立一個 DESIGN.md 檔案，以清楚的設計語言描述 Stitch 專案設計系統。
它需要 Stitch MCP 存取權限嗎？
是。它需要 Stitch MCP 工具來擷取專案、畫面、HTML、截圖與主題資料。
它可以搭配 Claude Code 使用嗎？
可以。報告列出對 Claude、Codex 和 Claude Code 的支援。
它會產生正式環境 UI 程式碼嗎？
不會。它會記錄可用於提示未來 UI 生成的設計指引。
它可以分析私人專案資產嗎？
它可以擷取已授權的 Stitch 資產，因此使用者應先確認目標專案與畫面。
執行後我應該檢查什麼？
請檢查色彩名稱、hex codes、元件描述，以及從截圖或 HTML 推論出的任何假設。
開發者詳細資訊
授權
MIT
Skillstore 修訂
r1
版本提示
作者未聲明版本。
引用
1ffa7643651792ccb4bd3b15d924d2c97edff755
維護新鮮度
2026/7/18
使用量
9 次下載 · 201 次瀏覽