Design Systems

71 套品牌级设计系统知识库,覆盖 AI/LLM、开发工具、生产力、金融科技、电商、媒体、汽车等 8 大类别。 每套系统包含 9 段标准结构:视觉主题、色彩、排版、组件、布局、深度、注意事项、响应式、Agent 指南。 触发词:设计系统、选择风格、品牌风格、设计令牌、DESIGN.md、配色方案

eryajf Updated 0 repo stars

File contents

设计系统知识库

功能说明

提供 71 套经过验证的品牌级设计系统参考,帮助 AI 快速为项目选择合适的视觉方向并生成精确的设计令牌。

系统分类

类别 数量 代表品牌
AI & LLM 10 Claude, Cohere, Mistral AI, X.AI
开发工具 19 Cursor, Vercel, Linear, Supabase
生产力 10 Notion, Figma, Miro, Raycast
金融科技 7 Stripe, Coinbase, Mastercard
电商消费 6 Shopify, Airbnb, Nike
媒体 5 Spotify, PlayStation, Meta
汽车 6 Tesla, BMW, Ferrari
其他/通用 8 Apple, SpaceX, Default, Warm Editorial

9 段结构规范

参考 @references/design-system-schema.md 了解完整的 DESIGN.md 9 段结构规范。

5 大视觉方向

参考 @references/visual-directions.md 了解 5 种预设视觉学派的详细定义。

品牌提取协议

参考 @references/brand-extraction-protocol.md 了解从用户已有品牌资产中提取设计规范的 5 步法。

使用方式

  1. 根据需求摘要中的场景、调性、受众信息筛选候选系统
  2. 参考对应设计系统的 DESIGN.md 获取完整规范
  3. 根据项目需要定制设计令牌
  4. 如用户有品牌资产,执行品牌提取协议

输出格式

生成项目专属的 DESIGN.md 文件,遵循 9 段标准结构。

eryajf/eryajf-used-skills/tree/main/design-systems commit 7acdd10d90

Frequently asked questions

npx skillmds@latest add eryajf/design-systems