awesome-design-skills

使用方法

复制安装命令，在自己的智能体环境安装前先检查源码包。
从原始文档核对所需工具、凭据和支持的宿主。
说明输入材料与期望交付物，并对照来源检查输出。

npx skills add https://github.com/podo/design-agent-skills --skill awesome-design-skills

开始前需了解

安装不包含模型订阅、API 额度或访问文件的权限。
仓库星数和安装量反映活跃情况，不等于独立质量或安全测试。

仓库原始内容

按源仓库内容呈现，保留标题、案例、代码、表格、链接以及原文引用的演示图片。

Catalogue stub — full registry: bergside/awesome-design-skills

Install a style skill

Browse available skills:

bash

npx typeui.sh list

Install a specific style:

bash

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

Skills install to your local agents directory and are immediately available.

Available styles (67 total)

Aesthetic moods: 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, and more.

What it does

Each skill in the registry includes:

SKILL.md — agent instructions: token palette, component rules, accessibility constraints, quality gates
DESIGN.md — human-readable rationale: brand mission, style foundations, do/don't patterns

The agent reads both files to apply the aesthetic consistently across any UI task — colors, typography, spacing, shadows, motion, tone of voice.

When NOT to use

Functional design tooling (Figma, tokens, accessibility audits) — use the relevant tool skill
Brand-specific tokens for a real product — use design-tokens-skill or author your own DESIGN.md
Material Design 3 / platform HIG — use material-3-skill or platform-design-skills

awesome-design-skills

使用方法

开始前需了解