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 的设计风格创建产品展示页”你想用哪个设计风格创建什么呢