VoltAgent/awesome-design-md集成qoder使用

我来帮你了解如何使用 design-md 技能。让我先检索相关的记忆信息。

让我再获取更多使用细节:

如何使用 design-md 技能

design-md 已经安装在你的 Qoder 技能系统中,包含 70+ 个真实产品的设计规范(如 Vercel、Stripe、Apple、Linear 等)。使用非常简单:


🎯 基本用法

直接在对话中告诉我你的需求,例如:

"使用 Vercel 设计风格创建一个登录页面"
"按照 Stripe 的设计规范设计一个支付仪表板"
"应用 Linear 的设计风格创建项目管理界面"

我会:

  1. 识别你想要的设计系统
  2. 读取对应的 DESIGN.md 规范文件
  3. 严格按照设计规范生成代码

📋 设计风格选择指南

产品类型推荐风格特点
开发者工具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 个:

  1. Vercel - 开发者工具的黄金标准
  2. Stripe - 金融科技的首选
  3. Linear - 极简项目管理的典范
  4. Apple - 高端消费产品设计
  5. Notion - 文档和协作工具
  6. Airbnb - 市场平台设计
  7. Tesla - 未来感汽车界面
  8. Spotify - 音乐流媒体设计
  9. Figma - 设计工具界面
  10. Claude - AI 产品界面

🚀 现在就试试

告诉我你想创建什么,例如:

  • “使用 Vercel 风格创建登录页面”
  • “按照 Stripe 设计规范创建仪表板”
  • “应用 Apple 的设计风格创建产品展示页”

你想用哪个设计风格创建什么呢?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天机️灵韵

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值