awesome-design-setup

Installation
SKILL.md

awesome-design-setup

DESIGN.md 是专为 AI coding agent 设计的纯 Markdown 设计系统规格文件。awesome-design-md 仓库收录了 58 个知名品牌的预制 DESIGN.md,放入项目根目录后,AI agent 即可在构建 UI 组件时直接参考。

工作流程

第一步 — 询问风格方向

先问用户想要哪种感觉,提供以下选项:

你想要哪种设计风格? (A) 极简 / 技术感 — 深色背景、等宽字体、高密度信息(如 Linear、Vercel、Warp) (B) 温暖 / 编辑感 — 暖色调、阅读优先、舒适留白(如 Claude、Notion、Superhuman) (C) 专业 / 金融感 — 可信赖、俐落、严肃(如 Stripe、Coinbase、IBM) (D) 奢华 / 高端感 — 暗色系、强对比、精致细节(如 Ferrari、Apple、Tesla) (E) 缤纷 / 产品感 — 高饱和色彩、活泼、强品牌色(如 Figma、Miro、Spotify) (F) 设计师感 — 精致排版、动态感、创意优先(如 Framer、Clay、Airbnb) (G) 开发者工具感 — 功能导向、数据密集、深色 IDE 风(如 Supabase、Sentry、PostHog) (H) 让我自己浏览全部品牌

Related skills
Installs
2
GitHub Stars
3
First Seen
Apr 9, 2026