Compétences design-md
🎨

design-md

Sûr

為 Stitch 專案生成 DESIGN.md

Également disponible depuis: google-labs-code

此技能可分析 Stitch 專案並自動生成語義化設計文件，作為一致化 UI 開發的單一真實來源。

Prend en charge: Claude Codex Code(CC)
🥉 73 Bronze
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "design-md". 在 Furniture Collection 專案上使用 design-md 技能

Résultat attendu:

設計系統：Furniture Collection

## 1. 視覺主題與氛圍
溫暖、誘人且極簡，帶有自然質感。設計在乾淨的留白與自然元素之間取得平衡。

## 2. 色彩調色盤與角色
- 暖沙色 (#F5E6D3)：卡片的主要背景
- 深森林綠 (#2D4739)：主要動作和標題
- 柔奶油色 (#FAF8F5)：頁面背景

## 3. 排版規則
- 標題：無襯線字體、半粗體、寬鬆的字距
- 內文：無襯線字體、常規字重、舒適的行高

Utilisation de "design-md". 為 Mobile App 專案生成 DESIGN.md

Résultat attendu:

設計系統：Mobile App

## 1. 視覺主題與氛圍
流暢、現代且具功能性。為無障礙性提供高對比度，並透過層次感營造細微的深度。

## 2. 色彩調色盤與角色
- 午夜藍 (#1A237E)：主要品牌色彩
- 電光青綠 (#00BFA5)：CTA 的強調色
- 純白 (#FFFFFF)：乾淨的背景

## 4. 元件樣式
- 按鈕：膠囊形狀、填充主要色彩、懸停時帶有細微陰影
- 卡片：圓角-lg 圓角、白色背景、輕柔陰影

Audit de sécurité

Sûr
v1 • 2/24/2026

All static findings are false positives. The skill is a legitimate design documentation generator. Backticks detected are markdown code formatting, not shell execution. URLs are documentation references, not network exfiltration. The skill uses MCP tools to read project data and generate design documentation.

1
Fichiers analysés
179
Lignes analysées
0
résultats
1
Total des audits
Aucun problème de sécurité trouvé
Audité par: claude

Score de qualité

38
Architecture
100
Maintenabilité
87
Contenu
50
Communauté
100
Sécurité
83
Conformité aux spécifications

Ce que vous pouvez construire

設計系統文件

為現有 Stitch 專案建立完整的設計文件，以維持團隊成員間的一致性

入職文件

為加入 Stitch 專案的新團隊成員生成清晰的設計參考文件

設計交接準備

在交接給開發人員進行實作之前，準備詳細的設計規格

Essayez ces prompts

基本設計文件 
使用 design-md 技能分析 Stitch 專案並生成 DESIGN.md 檔案，記錄色彩調色盤、排版和元件樣式。
完整設計系統 
使用 design-md 技能分析 [PROJECT_NAME] Stitch 專案。提取所有設計語彙、記錄氛圍和視覺主題，並建立完整的 DESIGN.md。
元件焦點 
使用 design-md 技能分析 Stitch 專案，並專注於記錄按鈕、卡片和輸入元件的樣式。生成 DESIGN.md 的相關章節。
設計語彙匯出 
套用 design-md 技能從 Stitch 專案中提取所有色彩值、排版設定和間距語彙。以 DESIGN.md 格式輸出並附上語義化名稱。

Bonnes pratiques

  • 使用描述性、生動的色彩名稱，而非「藍色」或「綠色」等通用術語
  • 在文件中始終包含每個設計元素的功能角色
  • 參考 Stitch Effective Prompting Guide 以保持一致的術語

Éviter

  • 使用技術性類別名稱而未轉換為描述性語言
  • 省略十六進位代碼而僅依賴描述性名稱
  • 未能記錄設計決策背後的原因

Foire aux questions

什麼是 Stitch？
Stitch 是一個設計工具，讓您可以透過描述所需內容來建立 UI。它使用視覺描述並搭配具體的色彩值來詮釋設計。
我需要程式設計經驗才能使用此技能嗎？
不需要，此技能分析現有 Stitch 專案並生成文件。您需要存取具有設計畫面的 Stitch 專案。
此技能可以建立新設計嗎？
不行，此技能記錄現有設計。它不會生成新的 UI。請直接使用 Stitch 來建立新設計。
輸出使用什麼格式？
輸出為 Markdown 格式的 DESIGN.md 檔案，包含視覺主題、色彩調色盤、排版、元件和版面配置原則等章節。
此技能適用於任何設計工具嗎？
不行，此技能專門適用於 Stitch 專案。它需要存取 Stitch MCP Server 以檢索專案資料。
生成的文件有多詳細？
文件包含帶有語義化名稱的色彩代碼、排版規則、元件樣式細節和版面配置原則。詳細程度取決於來源專案的豐富程度。

Détails du développeur

Auteur

sickn33

Licence

MIT

Dépôt

https://github.com/sickn33/antigravity-awesome-skills/tree/main/web-app/public/skills/design-md

Réf

main

Structure de fichiers

📄 SKILL.md