A registry of design system skill files for AI coding tools such as Claude Code, covering styles from editorial print to data-dense enterprise interfaces. Each skill can be added to a project on its own.
Claude Code
$ npx -y skills add bergside/awesome-design-skills --agent claude-code
Codex
$ npx skills add bergside/awesome-design-skills -a codex
Cursor
$ npx skills add bergside/awesome-design-skills -a cursor
Gemini CLI
$ npx skills add bergside/awesome-design-skills -a gemini-cli
GitHub Copilot
$ npx skills add bergside/awesome-design-skills -a github-copilot
OpenCode
$ npx skills add bergside/awesome-design-skills -a opencode
Windsurf
$ npx skills add bergside/awesome-design-skills -a windsurf
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 notesPreview all design skills on TypeUI
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
Stars on GitHub
View @bergside’s profileGives your AI assistant design skills, UI prompts and brand kits so the interfaces it builds for websites and apps look more deliberate. It also brings in universal guidance on visual hierarchy, typography and accessibility for design decisions.
@bergsideGives your AI coding assistant ready-made design guidance, covering typography, color, spacing, components and accessibility rules, so the interfaces it builds follow a consistent visual style. Each style comes with a short instruction file and a companion design note.
@bergsideSee 12 awesome-design-skills alternatives
A design toolkit for Claude Code covering UI styling, design tokens and component specs, brand identity and voice, banners, logos, and HTML slide presentations with charts.
@nextlevelbuilderDesign guidance for AI coding agents that helps shape, critique, polish, and improve frontend interfaces such as websites, landing pages, and dashboards. It includes live browser iteration and rules that catch common issues in AI-generated frontend design.
@pbakausTurns a brief into a design prototype, website, app, deck, or video that follows your design system, then lets your team share it and refine it with an AI agent in the same project.
@nexu-ioCreates branded editorial diagrams such as architecture charts, flowcharts, sequence diagrams, ER models, timelines and swimlanes as self-contained HTML and SVG files. Suited to writers and designers who want polished visuals for Claude Code.
@cathrynlaveryA registry of design system skill files for AI coding tools such as Claude Code, covering styles from editorial print to data-dense enterprise interfaces. Each skill can be added to a project on its own. Install it with the command on its page. It includes agentic, ant, artistic. Its skills do not fire on their own yet. Free and open source.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it