@bergside/awesome-design-skillsPublic

Collections#Claude Code #Codex #Cursor #Gemini CLI#Frontend #Design

Awesome list of design skills for agent tools

This repository catalogs design skill packs for agentic tools like Claude Code, Codex, and Cursor. Each skill is packaged as a folder with `SKILL.md` for agent instructions and `DESIGN.md` for human design notes, so you can copy one into your project when you want a specific visual style or design system behavior.

2,731 stars•264 forks•Updated 2mo ago

Who it's for

Builders who want their agent to follow reusable design rules and style packs across Claude Code, Codex, or Cursor.

What it delivers

You can pull a named design skill into your project instead of re-explaining the style every time.

What it does

Curated skill registry

Lists 67 design skills such as Bento, Brutalism, Glassmorphism, and Shadcn.

Agent-ready skill folders

Each skill ships with `SKILL.md` for instructions and `DESIGN.md` for intent and implementation notes.

Command-based pull flow

The README shows a one-command pull path using `npx typeui.sh pull <skill-name>`.

Preview gallery

Includes `registry-examples/` images that show each skill's visual result.

Multi-tool coverage

Calls out Claude Code, Cursor, Codex, and other AI tools that can use the skills.

How to get it

1Pull any design skill directly into your project using the TypeUI CLI
```
npx typeui.sh pull <slug>
```
2For example, to pull the Glassmorphism design skill
```
npx typeui.sh pull glassmorphism
```
3Or browse all available skills interactively
```
npx typeui.sh list
```
4Use the TypeUI CLI to pull any skill by its slug
```
npx typeui.sh pull <slug>
```

5Target specific agentic tools when pulling

npx typeui.sh pull glassmorphism -p cursor,claude

6Use --dry-run to see what would be written without making changes
```
npx typeui.sh pull glassmorphism --dry-run
```

README

Awesome Design Skills

A curated registry of 67 design system skill files for AI-powered agentic tools like Claude Code, Cursor, Codex, and others. Pull any skill into your project with a single command.

Each skill now ships as a folder with:

SKILL.md for AI-agent instructions (tokens, component rules, accessibility constraints, quality gates)
DESIGN.md for human-readable design intent, rationale, and implementation notes

Preview all design skills on TypeUI

Design Skills

Agentic _{npx typeui.sh pull agentic}	Ant _{npx typeui.sh pull ant}	Roku _{npx typeui.sh pull roku}
Artistic _{npx typeui.sh pull artistic}	Bento _{npx typeui.sh pull bento}	Bold _{npx typeui.sh pull bold}
Brutalism _{npx typeui.sh pull brutalism}	Cafe _{npx typeui.sh pull cafe}	Claymorphism _{npx typeui.sh pull claymorphism}
Claude _{npx typeui.sh pull claude}	Clean _{npx typeui.sh pull clean}	Codex _{npx typeui.sh pull codex}
Colorful _{npx typeui.sh pull colorful}	Contemporary _{npx typeui.sh pull contemporary}	Corporate _{npx typeui.sh pull corporate}
Cosmic _{npx typeui.sh pull cosmic}	Creative _{npx typeui.sh pull creative}	Enterprise _{npx typeui.sh pull enterprise}
Dithered _{npx typeui.sh pull dithered}	Doodle _{npx typeui.sh pull doodle}	Dramatic _{npx typeui.sh pull dramatic}
Editorial _{npx typeui.sh pull editorial}	Square _{npx typeui.sh pull square}	Pulse _{npx typeui.sh pull pulse}
Stitch _{npx typeui.sh pull stitch}	Expressive _{npx typeui.sh pull expressive}	Fantasy _{npx typeui.sh pull fantasy}
Fiction _{npx typeui.sh pull fiction}	Flat _{npx typeui.sh pull flat}	Friendly _{npx typeui.sh pull friendly}
Futuristic _{npx typeui.sh pull futuristic}	Glassmorphism _{npx typeui.sh pull glassmorphism}	Gradient _{npx typeui.sh pull gradient}
Immersive _{npx typeui.sh pull immersive}	Impeccable _{npx typeui.sh pull impeccable}	Levels _{npx typeui.sh pull levels}
Lingo _{npx typeui.sh pull lingo}	Power _{npx typeui.sh pull power}	Material _{npx typeui.sh pull material}
Matrix _{npx typeui.sh pull matrix}	Minimal _{npx typeui.sh pull minimal}	Modern _{npx typeui.sh pull modern}
Mono _{npx typeui.sh pull mono}	Neon _{npx typeui.sh pull neon}	Neobrutalism _{npx typeui.sh pull neobrutalism}
Neumorphism _{npx typeui.sh pull neumorphism}	Pacman _{npx typeui.sh pull pacman}	Paper _{npx typeui.sh pull paper}
Perspective _{npx typeui.sh pull perspective}	Premium _{npx typeui.sh pull premium}	Professional _{npx typeui.sh pull professional}
Basic _{npx typeui.sh pull basic}	Refined _{npx typeui.sh pull refined}	Retro _{npx typeui.sh pull retro}
Riso _{npx typeui.sh pull riso}	Sega _{npx typeui.sh pull sega}	Shadcn _{npx typeui.sh pull shadcn}
Geometric _{npx typeui.sh pull geometric}	Sketch _{npx typeui.sh pull sketch}	Skeumorphism _{npx typeui.sh pull skeumorphism}
Sleek _{npx typeui.sh pull sleek}	Spacious _{npx typeui.sh pull spacious}	Storytelling _{npx typeui.sh pull storytelling}
Terracotta _{npx typeui.sh pull terracotta}	Tetris _{npx typeui.sh pull tetris}

Files in the repo

Repository payload•4 top-level entries

registry-examples— 77 items
skills— The skills, one folder each
LICENSE— License
README.md— The README

Discussion (0)

Ask about usage, or say what you built with it

No comments yet. Be the first to say what this is good for.

More collections

VoltAgent/awesome-claude-designCollections

Awesome Claude Design: 68 ready-to-use design system inspirations in DESIGN.md format. Drop one in, scaffold a full UI in one shot.

3.7k

heygen-com/

hyperframes-community-skills

heygen-com/hyperframes-community-skillsCollections

Community-maintained skills for specialized HyperFrames workflows.

rohitg00/awesome-claude-designCollections

Claude Design DESIGN.md prompts by aesthetic family, remix recipes, skills, video teardowns, X signal, honest community takes.

1.1k

AtlasCloudAI/awesome-seedance-2.5-prompts-skillsCollections

100+ curated Seedance 2.5 prompts with real video previews, plus an installable Agent Skill that optimizes prompts, creates storyboards, and generates videos via Seedance models.

193

neuromechanist/

research-skills

neuromechanist/research-skillsCollections

A skill marketplace for academic research: from project management to literature review, making figures and writing reports and grants.

nikhils4/ui-beatsCollections

Animated React components you own. 55 components built with TypeScript, Tailwind CSS and Motion. Copy, paste, or install with the shadcn CLI.

230