「awesome-design-skills」67 个给 Codex、Cursor、Claude Code 用的设计技能文件

awesome-design-skills GitHub registry

awesome-design-skills 是一个面向 AI Agent 工具的设计技能注册表,收录了 67 个 DESIGN.md 和 SKILL.md 设计系统技能文件。它适合想让 Codex、Cursor、Claude Code、Google Stitch 等工具生成更稳定 UI 风格的开发者和设计工程师。

每个 design skill 都是一个文件夹,里面包含两份文档:SKILL.md 给 AI Agent 读取,描述品牌使命、视觉基础、组件规则、可访问性约束、写作语气、Do/Don’t 和质量门槛;DESIGN.md 给人类维护者阅读,记录设计意图、理由、参考和维护说明。

它的使用方式很直接:通过 TypeUI CLI 可以把某个风格技能拉到项目里,例如 npx typeui.sh pull glassmorphism,也可以用 npx typeui.sh list 交互式浏览所有技能。当前列表覆盖 Agentic、Ant、Bento、Brutalism、Claude、Codex、Dashboard、Editorial、Glassmorphism、Material、Minimal、Shadcn、Terracotta、Vintage 等多种视觉方向。

这个项目的价值不只是“风格模板”,而是把 UI 生成需要遵守的设计规范显式写成 Agent 可读的约束。对于经常让 AI 生成前端页面、仪表盘、组件库或设计系统雏形的人,它可以减少输出漂移,让审美、组件、可访问性和验收标准更一致。

传送门

https://github.com/bergside/awesome-design-skills

原创文章,如若转载,请注明出处:https://wefound.cc/p/2285.html

(0)
「SupoClip」开源 OpusClip 替代方案:自托管 AI 视频切片,无水印和平台锁定
上一篇 2026年 5月 14日 下午4:31
「iPromise」Mac 上的 AI 专注搭子:先承诺一件事,再帮你把注意力拉回来
下一篇 2026年 5月 14日 下午6:24

相关推荐