我来帮你了解如何使用 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 的设计风格创建产品展示页”

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

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐