Agent Skills

SKILL.md packages that extend Claude Code, Cursor, Copilot, and other AI agents.

Trust Score Usefulness Recommended Stars Latest

Filters

Muse — Design Token System

agent-skills

Define, manage, and apply design tokens (color, spacing, typography, shadows) and build a token-first design system with dark-mode and accessibility support.

design-tokensdesign-systemaccessibility

6 triggers

Atomic Design — Quarks

han

Guidance for creating and organizing ‘quarks’—design tokens and primitive values (colors, spacing, typography, shadows) that form the foundation of a design sys

design-systemdesign-tokenscss

174

5 triggers

Design Extract → Remotion Showcase

aaas-vault

Extract a website's design tokens and automatically build a 15–16s Remotion composition that showcases the site's design system.

design-systemremotionvisualization

5 triggers

Spectre Prototype

spectre

Generate a single self-contained HTML prototype to validate features and flows visually before planning or implementation.

prototypinguxhtml

142

4 triggers

Ignite UI Web Components Theming

igniteui-webcomponents

Professional styling and theming for Ignite UI Web Components using CSS custom properties, Sass, and a dedicated Theming MCP server.

ui-uxthemingcss

167

5 triggers

BMAD UX — Visual System & Experience Planning

claude-code-bmad-skills

Produces DESIGN.md and EXPERIENCE.md planning artifacts: design tokens, component specs, WCAG 2.1 AA accessibility contract, user journeys, screen states, and d

uxdesign-systemaccessibility

451

6 triggers

UI Design System Toolkit

claude-skills

Comprehensive toolkit for generating design tokens, color palettes, typography scales, and managing developer handoff for consistent UI systems.

design-systemui-uxdesign-tokens

336

6 triggers