🎨

19 Agent Skills for Designers

1 stacks

Skills for UI work, design systems, user research, and accessibility review.

Frontend patterns, visual communication, design system documentation, and structured approaches to user research.

New to Agent Skills? Learn how to install one in under a minute →

Design skills here focus on the parts of design work that overlap with documentation and communication: front-end patterns, accessibility review, design system documentation, and structured approaches to user research. They're best suited for product designers who also handle implementation handoff.

If you work in Figma and need a consistent workflow for writing design specs, documenting component behavior, or running structured usability assessments, these skills give you a repeatable starting point — so you stop writing the same spec sections from scratch every sprint.

Stacks for designers

All stacks →

Skills for designers

All skills →
🎨

Algorithmic Art

by @anthropics

Design

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

View & install →
🖼️

Canvas Design

by @anthropics

Design

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

View & install →
🎨

Design Accessibility Review

by @anthropics

Design

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.

View & install →
🎨

Design Design Critique

by @anthropics

Design

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.

View & install →
🎨

Design Design Handoff

by @anthropics

Design

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.

View & install →
🎨

Design Design System

by @anthropics

Design

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.

View & install →
🎨

Design Research Synthesis

by @anthropics

Design

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.

View & install →
🎨

Design User Research

by @anthropics

Design

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.

View & install →
🎨

Design UX Copy

by @anthropics

Design

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.

View & install →

Frontend Design

by @anthropics

Design

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

View & install →
🎨

gstack: Design System Consultation

by @garrytan

Design

Builds a complete design system from scratch — aesthetic direction, typography, color palette, layout, spacing, and motion. Researches your product space, proposes creative risks, and writes DESIGN.md.

View & install →
👁️

gstack: Visual Design Audit

by @garrytan

Design

Finds visual inconsistency, spacing issues, hierarchy problems, and AI slop patterns on a live site — then fixes them. Commits each fix atomically with before/after screenshots.

View & install →
🎯

gstack: Design Variants Explorer

by @garrytan

Design

Generates multiple visual design variants, opens a browser comparison board, collects structured feedback, and iterates toward an approved direction. Taste memory biases future variants toward your preferences.

View & install →
🎨

gstack: Design Plan Review

by @garrytan

Design

Designer's eye review of a plan before implementation. Rates each design dimension 0–10, explains what a 10 looks like, then edits the plan to get there.

View & install →
🖼️

Image Enhancer

by @ComposioHQ

Design

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

View & install →
🔎

Product Discovery Expert

by @alirezarezvani

Research

Validate opportunities before building — assumption mapping, Jobs-to-be-Done interviews, opportunity trees, and lightweight discovery frameworks.

View & install →
🌈

Theme Factory

by @anthropics

Design

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

View & install →
🎨

UI Design System Builder

by @alirezarezvani

Design

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

View & install →
🗺️

UX Researcher & Designer

by @alirezarezvani

Design

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

View & install →