我来帮你了解如何使用 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

欢迎加入DeepSeek 技术社区。在这里,你可以找到志同道合的朋友,共同探索AI技术的奥秘。

更多推荐