Design & Media Agent Skills for Claude Desktop

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns.

Design token management with the W3C Design Token spec, three-tier hierarchy (global/alias/component), OKLCH color, Style Dictionary…

Validate design system compliance in code and detect token usage violations

Bold aesthetic direction guidance for web design.

Convert annotated UI screenshots into build-ready implementation briefs with screen flow, interaction behavior, and component/state hints…

View, add, or modify design tokens in the StyleSeed design system

Use when the user asks for design tokens, DTCG tokens, theme systems, color/typography/spacing/radius/elevation/motion tokens, translating…

Provides design token system and theming framework for consistent, customizable UI styling across all components.

The precise design and UI vocabulary used on index.how/to/articulate — covering typography, color, iconography, layout, interaction…

Interactive design wizard that guides through a complete frontend design process with discovery, aesthetic selection, and code generation.

Anti-AI-generic design guidelines. Use when creating UI prototypes, reviewing designs for generic AI patterns, or setting up a project…

Build Designer Extensions for custom Webflow Designer functionality.

Create world-class, accessible, responsive interfaces with sophisticated interactive elements including chat, terminals, code display, and…

Review UI code for Web Interface Guidelines compliance.

Define a reusable visual identity system for AI-assisted social-media service banners.

Generates high-fidelity, CSS-powered 3D mockups of iPhones and MacBooks with live HTML content embedded on the screens.

UI branch of the diagnosing loop. Use when debugging any UI bug — wrong rendering, layout or scroll jumps, flicker, styling, interaction…

Create distinctive, production-grade frontend interfaces with high design quality.

UX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability…

Structured clarification form for unresolved material requirements.

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel.