awesome-design-skill

🎨 50+品牌设计系统一键调用

基于知名设计系统的UI风格选择器,支持50+品牌风格指导开发,需用户明确指定风格触发。

收藏
2.7k
安装
1.2k
版本
1.1.0
CLS 安全扫描中
预计需要 3 分钟...

使用说明

核心功能

Awesome Design Skill 是一个专业的UI设计风格选择工具,从design-md风格库中调用知名设计系统作为开发指导。支持Linear、Apple、Stripe、Vercel、Spotify、Notion、Figma、Airbnb等50+品牌风格,通过脚本实现风格检索、智能匹配、随机选择和文件复制等功能。

显著优点

1. 权威设计参考:直接采用经过市场验证的顶级品牌设计系统,确保专业品质
2. 模块化脚本架构:6个专用Shell脚本覆盖完整工作流,支持智能关键词匹配和随机选择

3. 高度可定制:用户可自由添加、替换或删除design-md目录中的风格文件

4. 标准化输出:每个DESIGN.md包含完整的颜色、排版、间距、阴影、组件、动画规范

5. 多场景覆盖:支持新建设计、风格重构、风格浏览、详情查看等多种使用场景

潜在局限

1. 触发条件严格:必须用户明确指定风格名称才触发,未指定风格的通用设计请求将被忽略
2. 依赖本地文件库:需要维护design-md目录结构,跨环境同步可能存在问题

3. 无自动风格推荐:虽支持关键词匹配,但主要依赖用户主动选择而非智能分析需求

4. Shell脚本依赖:功能实现依赖Unix环境,Windows用户需额外配置

适合人群

  • 前端开发者需要快速获取专业设计规范
  • 设计师参考成熟品牌的设计系统
  • 需要统一多项目视觉风格的团队
  • 希望学习顶尖产品设计风格的学生

常规风险

  • 风格文件缺失或路径错误导致脚本执行失败
  • 复制DESIGN.md可能覆盖现有文件(需确认目标目录)
  • 设计风格与项目需求不完全匹配时需人工调整
  • 部分品牌设计规范可能涉及商标使用限制(商用需谨慎)

awesome-design-skill 内容

design-md文件夹
airbnb文件夹
airtable文件夹
apple文件夹
bmw文件夹
cal文件夹
claude文件夹
clay文件夹
clickhouse文件夹
cohere文件夹
coinbase文件夹
composio文件夹
cursor文件夹
elevenlabs文件夹
expo文件夹
figma文件夹
framer文件夹
hashicorp文件夹
ibm文件夹
intercom文件夹
kraken文件夹
linear.app文件夹
lovable文件夹
minimax文件夹
mintlify文件夹
miro文件夹
mistral.ai文件夹
mongodb文件夹
notion文件夹
nvidia文件夹
ollama文件夹
opencode.ai文件夹
pinterest文件夹
posthog文件夹
raycast文件夹
replicate文件夹
resend文件夹
revolut文件夹
runwayml文件夹
sanity文件夹
sentry文件夹
spacex文件夹
spotify文件夹
stripe文件夹
supabase文件夹
superhuman文件夹
together.ai文件夹
uber文件夹
vercel文件夹
voltagent文件夹
warp文件夹
webflow文件夹
wise文件夹
x.ai文件夹
zapier文件夹
scripts文件夹
手动下载zip · 945.6 kB
DESIGN.mdtext/markdown
请选择文件