awesome-design-skills
Registry of 67 visual aesthetic and style skills for Claude Code, Cursor, Codex, and other agents. Each skill ships as SKILL.md + DESIGN.md covering tokens, components, accessibility, tone, and quality gates for a specific design aesthetic — glassmorphism, brutalism, claymorphism, neumorphism, editorial, bento, retro, riso, and 59 more. Distributed via the TypeUI CLI.
How do I install this agent skill?
npx skills add https://github.com/podo/design-agent-skills --skill awesome-design-skillsIs this agent skill safe to install?
- Gen Agent Trust Hubpass
This skill serves as a catalogue stub for a registry of visual design aesthetic skills. It provides instructions for using a CLI tool named `typeui.sh` via `npx` to browse and install additional style-specific skills from an external GitHub repository.
- Socketpass
No alerts
- Snykwarn
Risk: MEDIUM · 1 issue
What does this agent skill do?
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-skillor author your own DESIGN.md - Material Design 3 / platform HIG — use
material-3-skillorplatform-design-skills
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/podo/design-agent-skills/awesome-design-skills">View awesome-design-skills on skillZs</a>