bergside/awesome-design-skills

List of 67 awesome DESIGN.md and SKILL.md design skill files for agentic tools like Claude Design, Google Stitch, Codex, Cursor, and other AI tools

What it solves

它提供了一种标准化的方式,让 AI 编码代理(如 Claude Code、Cursor 或 Codex)拥有特定的设计系统专业知识。开发者不必依赖 AI 的一般知识,而是可以直接引入精确的设计规则、可访问性约束和组件指南,确保 AI 生成的 UI 符合特定的美学或技术标准。

How it works

该项目是一个包含 67 个“设计技能文件”的注册表。每个技能以文件夹形式提供,包含两个主要文档:

  • SKILL.md:包含 AI 代理的技术指令,包括代币、组件规则和质量门槛。
  • DESIGN.md:为开发者提供的人类可读的原理说明和实现备注。

用户可以使用命令行工具(例如 npx typeui.sh pull [skill-name])将这些技能集成到自己的项目中。

Who it’s for

使用 AI 驱动的代理式编码工具的开发者,想在不必为 AI 手动编写大量样式指南的情况下,保持高设计质量和一致性。

Highlights

  • Extensive Library:包括 67 种不同的设计风格,从 “Minimal” 与 “Corporate” 到 “Neobrutalism” 与 “Glassmorphism”。
  • Agent-Optimized:专门结构化以提供 AI 代理可解析和遵循的代币与约束。
  • Dual-Documentation:将 AI 专用指令与人类可读的设计意图分离。