关于 awesome-design-skills
awesome-design-skills 汇总了可通过 typeui.sh 安装的设计风格技能，供 Agent 在界面任务中采用不同美学方向。每项技能包含 Agent 指令和设计说明，用于统一色彩、字体、间距、动效等选择。
主要功能
- 01列出 67 种设计风格
- 02通过命令行浏览和安装技能
- 03提供 SKILL.md 与 DESIGN.md
- 04涵盖色彩、字体、间距和动效
适用场景
- 01为界面任务选择视觉风格
- 02安装 glassmorphism 或 editorial 等风格
- 03为 Agent 提供一致的设计约束
安装
复制下面的命令，在终端中运行。
npx skills add https:/安装后在 Claude Code 中输入/awesome-design-skills确认已加载。
附带文件stub.yaml
详细介绍
awesome-design-skills
目录占位条目 — 完整注册表：bergside/awesome-design-skills
安装风格技能
浏览可用技能：
npx typeui.sh list
安装特定风格：
npx typeui.sh pull <slug>
# examples:
npx typeui.sh pull glassmorphism
npx typeui.sh pull brutalism
npx typeui.sh pull claymorphism
npx typeui.sh pull editorial
npx typeui.sh pull bento
技能会安装到本地 Agent 目录中，并立即可用。
可用风格（共 67 种）
美学风格：agentic、ant、artistic、bento、bold、brutalism、cafe、claymorphism、clean、colorful、contemporary、corporate、cosmic、creative、dashboard、dithered、doodle、dramatic、editorial、elegant、energetic、enterprise、expressive、fantasy、fiction、flat、friendly、futuristic、glassmorphism、gradient、immersive、luxury、minimal、modern、mono、neobrutalism、neon、neumorphism、paper、perspective、premium、professional、publication、refined、retro、riso、simple、sketch、skeuomorphism、sleek、spacious、storytelling、vibrant、vintage，等等。
功能
注册表中的每项技能都包含：
- SKILL.md — Agent 指令：令牌调色板、组件规则、无障碍要求、质量门槛
- DESIGN.md — 面向人的设计说明：品牌使命、风格基础、推荐与避免的模式
Agent 会读取这两个文件，以便在任何 UI 任务中一致地应用美学风格，包括颜色、排版、间距、阴影、动效和语气。
不适用场景
- 功能性设计工具（Figma、令牌、无障碍审查）——请使用相关工具技能
- 真实产品的品牌专属令牌——请使用
design-tokens-skill或编写自己的 DESIGN.md - Material Design 3 / 平台 HIG——请使用
material-3-skill或platform-design-skills