bergsideOfficial·74 Agent Skills Included

awesome-design-skills

67 ready-made design system skills for AI-built interfaces

Applies 67 curated design systems to AI-generated interfaces, from minimal and corporate to retro, brutalist, and glassmorphism. Gives your agent exact color tokens, typography scales, spacing rules, and accessibility constraints for every visual style. Eliminates vague design prompts and inconsistent UI output by anchoring every rule to testable tokens and QA checklists.

2,617|249

↗

npx skills add bergside/awesome-design-skills --all -g -y

All Skills in This Repository (74)

Pure Emerald Level Indicators

📦 In Repo

bergside

corporate

Standardize enterprise design-system instructions for AI-generated UI.

paper

Define tokenized typography, color, and spacing foundations for print-inspired interfaces.

ant

Define enterprise Ant Design tokens, typography, and WCAG 2.2 AA interaction states.

gradient

Translate Gradient palette tokens into WCAG 2.2 AA UI implementation guidance.

elegant

Define typography, spacing, radii, and color tokens for Elegant design systems.

flat

Generate token-based UI component guidelines with WCAG 2.2 AA accessibility rules.

lingo

Generate implementation-ready design-system guidance for Lingo UI components with WCAG 2.2 AA constraints.

pacman

Generate Pac-Man themed UI component rules with tokenized typography, color, spacing, and WCAG 2.2 AA acceptance criteria.

spacious

Generate design-system guidance for spacious UI layouts using tokenized spacing and typography.

professional

Generate WCAG 2.2 AA-aligned design system guidance with token-based constraints and QA criteria.

luxury

Generate token-based luxury dark UI components with typography and accessibility rules.

editorial

Define magazine-inspired editorial UI with serif typography, 8pt spacing, and tokenized colors.

Official

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install Awesome Design Skills?▼

Run `npx skills add bergside/awesome-design-skills --all -g -y` in your terminal to install all 67 design skills globally.

What do these design skills actually do?▼

Each skill gives your AI agent a complete design system with color tokens, fonts, spacing rules, and accessibility constraints so it builds interfaces in a consistent visual style.

Which design styles are included?▼

The registry covers 67 styles including minimal, corporate, bento, glassmorphism, neobrutalism, retro, editorial, and game-inspired themes like Pacman and Tetris.

Do these skills work with Claude Code and Cursor?▼

Yes. Every skill follows the universal SKILL.md format and works in Claude Code, Cursor, Codex, and other AI coding agents.

Can non-designers use these skills?▼

Yes. Just tell your AI agent which style you want, and it applies professional design rules and accessibility standards automatically.