Free
UI & UX design
Awesome Design Skills
A unified design Skill library with selectable visual templates, reusable UI tokens, component rules and implementation checks for AI coding assistants.
3.6KStars340Forks
Repository last pushed
Bergside
Design System Skills for Claude Code, Codex & AI Agents
These skills help an agent create, document and apply a design system so new screens stay consistent. Options include design guides, token extraction, shadcn/ui work, and theme generation.
21 skillsExplore Design System skills
4 skills
Free
Web & UI
Better Colors
Build and audit palettes, semantic color tokens and measured contrast.
12.1KStars468Forks
Repository last pushed
Jakub Krehel
Route UI work by product surface, define a visual concept, implement reusable tokens and states, and document the result in DESIGN_SYSTEM.md.
3Stars1Forks
Repository last pushed
Extract a public website’s colors, typography and other design primitives into starter JSON and CSS tokens.
287Stars31Forks
Repository last pushed
Related topics
Related guides
- Best Design Skills for AI Websites and UI Workflows
Compare AI design skills for design systems, shadcn/ui, frontend creation and interface refinement, with practical briefs to help you choose a workflow.
How to choose Design System skills
Extract a system from what you already have before inventing a new one; use the design guide skills when the goal is giving agents a written reference to follow.
- Write a DESIGN.md that agents follow on every screen
- Extract color, type and spacing tokens from an existing app
- Set up shadcn/ui with a consistent theme