VoltAgent/awesome-design-md集成qoder使用
我来帮你了解如何使用design-md技能。让我先检索相关的记忆信息。
让我再获取更多使用细节：
如何使用design-md技能
design-md已经安装在你的 Qoder 技能系统中，包含70+ 个真实产品的设计规范（如 Vercel、Stripe、Apple、Linear 等）。使用非常简单：
🎯 基本用法
直接在对话中告诉我你的需求，例如：
"使用 Vercel 设计风格创建一个登录页面" "按照 Stripe 的设计规范设计一个支付仪表板" "应用 Linear 的设计风格创建项目管理界面"我会：
- 识别你想要的设计系统
- 读取对应的
DESIGN.md规范文件 - 严格按照设计规范生成代码
📋 设计风格选择指南
| 产品类型 | 推荐风格 | 特点 |
|---|---|---|
| 开发者工具 | Vercel, Cursor, Warp | 极简、黑白、技术感 |
| SaaS 产品 | Linear, Stripe, Notion | 现代、专业、简洁 |
| 金融科技 | Stripe, Coinbase, Revolut | 信任感、数据密集 |
| AI 平台 | Claude, Cohere, xAI | 未来感、技术性 |
| 电商平台 | Shopify, Airbnb, Nike | 视觉驱动、吸引人 |
| 媒体内容 | Apple, Spotify, WIRED | 编辑性、叙事性 |
| 创意工具 | Figma, Framer, Miro | 活泼、多彩、艺术 |
| 企业软件 | IBM, HashiCorp | 结构化、专业 |
| 汽车品牌 | Tesla, BMW, Ferrari | 高端、电影感 |
💡 进阶用法
1. 指定具体需求
"为我的开发者工具创建一个落地页，使用类似 Vercel 的极简风格" "设计一个金融科技仪表板，参考 Stripe 的紫色渐变设计"2. 组合设计元素
"主要使用 Vercel 的风格，但采用 Stripe 的紫色作为品牌色"3. 自定义调整
"基于 Linear 的设计，但： - 主色调改为蓝色 - 增加圆角到 12px - 添加更多卡片阴影"🔍 查看所有可用设计
你可以查看INDEX.md获取完整的 70+ 个设计规范列表。最受欢迎的 10 个：
- Vercel- 开发者工具的黄金标准
- Stripe- 金融科技的首选
- Linear- 极简项目管理的典范
- Apple- 高端消费产品设计
- Notion- 文档和协作工具
- Airbnb- 市场平台设计
- Tesla- 未来感汽车界面
- Spotify- 音乐流媒体设计
- Figma- 设计工具界面
- Claude- AI 产品界面
🚀 现在就试试
告诉我你想创建什么，例如：
- “使用 Vercel 风格创建登录页面”
- “按照 Stripe 设计规范创建仪表板”
- “应用 Apple 的设计风格创建产品展示页”
你想用哪个设计风格创建什么呢？