المهارات design-md
🎨

design-md

آمن

为 Stitch 项目生成 DESIGN.md

متاح أيضًا من: google-labs-code

此技能可分析 Stitch 项目并自动生成语义化设计文档，作为一致化 UI 开发的单一事实来源。

يدعم: Claude Codex Code(CC)
🥉 73 برونزي
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "design-md". 在 Furniture Collection 项目上使用 design-md 技能

النتيجة المتوقعة:

设计系统：Furniture Collection

## 1. 视觉主题与氛围
温暖、宜人且极简，带有有机感。设计在干净的留白与自然元素之间取得平衡。

## 2. 颜色调色板与角色
- 暖沙色 (#F5E6D3)：卡片的主要背景
- 深森林色 (#2D4739)：主要操作和标题
- 柔奶油色 (#FAF8F5)：页面背景

## 3. 字体规则
- 标题：无衬线字体，半粗体，宽松的字间距
- 正文：无衬线字体，常规字重，舒适的行高

استخدام "design-md". 为 Mobile App 项目生成 DESIGN.md

النتيجة المتوقعة:

设计系统：Mobile App

## 1. 视觉主题与氛围
时尚、现代且功能化。高对比度以确保可访问性，通过层次感营造微妙深度。

## 2. 颜色调色板与角色
- 午夜蓝 (#1A237E)：主要品牌色
- 电光青 (#00BFA5)：CTA 的强调色
- 纯白 (#FFFFFF)：干净的背景

## 4. 组件样式
- 按钮：胶囊形状，填充主色，悬停时带有微妙阴影
- 卡片：rounded-lg 圆角，白色背景，柔和阴影

التدقيق الأمني

آمن
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
الملفات التي تم فحصها
179
الأسطر التي تم تحليلها
0
النتائج
1
إجمالي عمليات التدقيق
لا توجد مشكلات أمنية
تم تدقيقه بواسطة: claude

درجة الجودة

38
الهندسة المعمارية
100
قابلية الصيانة
87
المحتوى
50
المجتمع
100
الأمان
83
الامتثال للمواصفات

ماذا يمكنك بناءه

设计系统文档

为现有 Stitch 项目创建全面的设计文档，以保持团队成员之间的一致性

入职文档

为加入基于 Stitch 项目的新团队成员生成清晰的设计参考文档

设计交付准备

在将设计交付给开发人员实现之前，准备详细的设计规范

جرّب هذه الموجهات

基础设计文档 
使用 design-md 技能分析 Stitch 项目并生成 DESIGN.md 文件，记录调色板、字体和组件样式。
完整设计系统 
使用 design-md 技能分析 [PROJECT_NAME] Stitch 项目。提取所有设计令牌，记录氛围和视觉主题，并创建全面的 DESIGN.md。
组件聚焦 
使用 design-md 技能分析 Stitch 项目，重点记录按钮、卡片和输入组件的样式。生成 DESIGN.md 的相关部分。
设计令牌导出 
应用 design-md 技能从 Stitch 项目中提取所有颜色值、字体设置和间距令牌。以 DESIGN.md 格式输出并附带语义化名称。

أفضل الممارسات

  • 使用描述性强、富有表现力的颜色名称，而非"蓝色"或"绿色"等通用术语
  • 在文档中始终包含每个设计元素的功能角色
  • 参考 Stitch 有效提示指南以使用一致的术语

تجنب

  • 使用技术类名而不转换为描述性语言
  • 省略十六进制代码而仅依赖描述性名称
  • 未能记录设计决策背后的"原因"

الأسئلة المتكررة

什么是 Stitch？
Stitch 是一款设计工具，让你可以通过描述所需内容来创建 UI。它使用视觉描述（由具体颜色值支持）来解释设计。
我需要编程经验才能使用此技能吗？
不需要，此技能分析现有 Stitch 项目并生成文档。你需要访问包含设计屏幕的 Stitch 项目。
此技能可以创建新设计吗？
不，此技能记录现有设计。它不生成新的 UI。直接使用 Stitch 创建新设计。
输出使用什么格式？
输出是使用 Markdown 格式的 DESIGN.md 文件，包含视觉主题、颜色调色板、字体、组件和布局原则等部分。
此技能适用于任何设计工具吗？
不，此技能专门适用于 Stitch 项目。它需要访问 Stitch MCP Server 以获取项目数据。
生成的文档有多详细？
文档包含带有语义化名称的颜色代码、字体规则、组件样式详细信息和布局原则。详细程度取决于源项目的丰富程度。

تفاصيل المطور

المؤلف

sickn33

الترخيص

MIT

المستودع

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

مرجع

main

بنية الملفات

📄 SKILL.md