Awesome Design Skills

A curated registry of 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 is a SKILL.md file containing design tokens, component guide lines, accessibility rules, and implementation-ready specifications that instruct AI agents to follow a specific design system when building interfaces.

Preview all design skills on typeui.sh

Built and maintained by Bergside. Powered by typeui.sh.

Contents

• Quick Start
• What is a Design Skill?
• [Design Skills](#des ign-skills)
• Usage
• Registry Structure
• Contributing
• License

Quick Start

Pull any design skill directly into your project using typeui.sh:

npx typeui.sh pull <slug>

For example, to pull the Glassmorphism design skill:

npx typeui.sh pull glassmorphism

Or browse all available skills interactively:

npx typeui.sh list

What i s a Design Skill?

A design skill is a SKILL.md file that acts as a set of instructions for AI agents and LLMs. Each file contains:

• Brand & mission — the design philosophy and visual identity
• Style foundations — typography scale, color palette, spacing system
• Component families — buttons, inputs, cards, modals, navigation, and more
• Accessibility rules — WCAG 2.2 AA compliance, keyboard-first interactions
• Writing tone — content and voice guidel ines
• Do/Don't rules — explicit patterns and anti-patterns
• Quality gates — testable acceptance criteria for code review

When an AI agent reads a skill file, it follows these guidelines to generate UI code that is consistent, accessible, and true to the design system.

Design Skills

Browse and preview all design skills at typeui.sh/design-skills before pulling them into your project.

Skill	Category	Preview	Pull Comman d
Agentic	Themed & Unique	Preview	npx typeui.sh pull agentic
Ant	Professional & Corporate	Preview	npx typeui.sh pull ant
Application	Professional & Corporate	Preview	npx typeui.sh pull application
Artistic	Creative & Artistic	[Preview](https://ty peui.sh/design-skills/artistic)	npx typeui.sh pull artistic
Bento	Layout & Structure	[Preview](https://t

안내: 무료 번역기 용량 제한으로 앞부분만 번역되었습니다.