awesome-design-skills
Catalogue stub — full registry: bergside/awesome-design-skills
Install a style skill
Browse available skills:
npx typeui.sh list
Install a specific style:
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
1---
2name: awesome-design-skills
3description: |
4 Registry of 67 visual aesthetic and style skills for Claude Code, Cursor,
5 Codex, and other agents. Each skill ships as SKILL.md + DESIGN.md covering
6 tokens, components, accessibility, tone, and quality gates for a specific
7 design aesthetic — glassmorphism, brutalism, claymorphism, neumorphism,
8 editorial, bento, retro, riso, and 59 more. Distributed via the TypeUI CLI.
9triggers:
10 - "awesome-design-skills"
11 - "design aesthetic skill"
12 - "glassmorphism skill"
13 - "brutalism skill"
14 - "claymorphism skill"
15 - "neumorphism skill"
16 - "visual style skill"
17 - "typeui"
18das:
19 type: package
20 category: visual-components
21 upstream: "https://github.com/bergside/awesome-design-skills"
22 version: latest
23---
24
25# awesome-design-skills
26
27> Catalogue stub — full registry: [bergside/awesome-design-skills](https://github.com/bergside/awesome-design-skills)
28
29## Install a style skill
30
31Browse available skills:
32```bash
33npx typeui.sh list
34```
35
36Install a specific style:
37```bash
38npx typeui.sh pull <slug>
39# examples:
40npx typeui.sh pull glassmorphism
41npx typeui.sh pull brutalism
42npx typeui.sh pull claymorphism
43npx typeui.sh pull editorial
44npx typeui.sh pull bento
45```
46
47Skills install to your local agents directory and are immediately available.
48
49## Available styles (67 total)
50
51Aesthetic 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.
52
53## What it does
54
55Each skill in the registry includes:
56- **SKILL.md** — agent instructions: token palette, component rules, accessibility constraints, quality gates
57- **DESIGN.md** — human-readable rationale: brand mission, style foundations, do/don't patterns
58
59The agent reads both files to apply the aesthetic consistently across any UI task — colors, typography, spacing, shadows, motion, tone of voice.
60
61## When NOT to use
62
63- Functional design tooling (Figma, tokens, accessibility audits) — use the relevant tool skill
64- Brand-specific tokens for a real product — use `design-tokens-skill` or author your own DESIGN.md
65- Material Design 3 / platform HIG — use `material-3-skill` or `platform-design-skills`
podo