🎨

Design

15 skills

Agent Skills for Claude Code that support design thinking, design system documentation, accessibility review, and feedback for product teams.

Frontend Design

by @anthropics

Anthropic's official frontend-focused skill for UI exploration, interface thinking, and design execution support.

Claude Code Claude.ai
View source →
🎨

Algorithmic Art

by @anthropics

An Anthropic-authored creative skill for generating algorithmic visuals and structured art experiments with Claude.

Claude Code Claude.ai
View source →
🖼️

Canvas Design

by @anthropics

An official Anthropic design-oriented skill for structured canvas and layout ideation work.

Claude Code Claude.ai
View source →
🎨

Design Accessibility Review

by @anthropics

Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with "audit accessibility", "check a11y", "is this accessible?", or when reviewing a design for color contrast, keyboard navigation, touch target size, or screen reader behavior before handoff.

Claude Code Claude.ai
View source →
🎨

Design Design Critique

by @anthropics

Get structured design feedback on usability, hierarchy, and consistency. Trigger with "review this design", "critique this mockup", "what do you think of this screen?", or when sharing a Figma link or screenshot for feedback at any stage from exploration to final polish.

Claude Code Claude.ai
View source →
🎨

Design Design Handoff

by @anthropics

Generate developer handoff specs from a design. Use when a design is ready for engineering and needs a spec sheet covering layout, design tokens, component props, interaction states, responsive breakpoints, edge cases, and animation details.

Claude Code Claude.ai
View source →
🎨

Design Design System

by @anthropics

Audit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a component's variants, states, and accessibility notes, or designing a new pattern that fits the existing system.

Claude Code Claude.ai
View source →
🎨

Design Research Synthesis

by @anthropics

Synthesize user research into themes, insights, and recommendations. Use when you have interview transcripts, survey results, usability test notes, support tickets, or NPS responses that need to be distilled into patterns, user segments, and prioritized next steps.

Claude Code Claude.ai
View source →
🎨

Design User Research

by @anthropics

Plan, conduct, and synthesize user research. Trigger with "user research plan", "interview guide", "usability test", "survey design", "research questions", or when the user needs help with any aspect of understanding their users through research.

Claude Code Claude.ai
View source →
🎨

Design UX Copy

by @anthropics

Write or review UX copy — microcopy, error messages, empty states, CTAs. Trigger with "write copy for", "what should this button say?", "review this error message", or when naming a CTA, wording a confirmation dialog, filling an empty state, or writing onboarding text.

Claude Code Claude.ai
View source →
🖼️

Image Enhancer

by @ComposioHQ

A Composio community skill for improving screenshots and images for clearer presentation and documentation.

Claude Code Claude.ai
View source →
🎞️

Slack GIF Creator

by @anthropics

Anthropic's media skill for creating animated GIFs that fit Slack constraints and team-sharing workflows.

Claude Code Claude.ai
View source →
🌈

Theme Factory

by @anthropics

Anthropic's official theming and design-oriented skill for exploring visual systems and style directions.

Claude Code Claude.ai
View source →
🎨

UI Design System Builder

by @alirezarezvani

Generate design tokens, typography scales, spacing grids, and responsive breakpoints — build or document a production-ready design system.

Claude Code Codex CLI +1
View source →
🗺️

UX Researcher & Designer

by @alirezarezvani

Build user personas, journey maps, testing protocols, and empathy maps — structured UX research and design thinking from an expert researcher.

Claude Code Codex CLI +1
View source →