UX Design agent skills

Curated ux design SKILL.md files for Cursor, Claude Code, VS Code, and Codex. Copy, download, and install in your agent.

10 skills

UX Design

Figma Use

Mandatory prerequisite for Figma MCP: execute Plugin API scripts to create, edit, and inspect nodes, variables, components, and auto-layout. Pairs with design-system screen workflows for implementing designs in Figma.

Figma3.3k
UX Design

Wireframe Prototyping

Low-fidelity wireframes and HTML prototypes: layout patterns, component templates, tooling choices, and prototype testing flows for fast UX validation before visual polish.

aj-geddes974
UX Design

Design Handoff

Generate developer handoff specs from a design: layout, tokens, component props, states, responsive breakpoints, edge cases, animations, and accessibility.

Anthropic12.4k
UX Design

Design Engineering

Emil Kowalski's design engineering skill: UI polish, animation decisions, component patterns, and the invisible details that make interfaces feel right.

Emil Kowalski1.5k
UX Design

Figma Generate Design

Build full pages, modals, and multi-section views in Figma from code or descriptions using design system components, variables, and styles. Pairs with Figma Use and Figma MCP.

Figma3.3k
UX Design

Web Interface Guidelines

Review UI code for accessibility, focus states, forms, animation, typography, and performance. Comprehensive checklist from Vercel's design team.

Vercel
UX Design

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Avoid generic "AI slop" aesthetics with bold typography, color, and spatial composition.

Anthropic45.5k
UX Design

Design Critique

Structured framework for giving and receiving design feedback. Covers critique formats, feedback types, and facilitation guidelines.

Libo
UX Design

Design Workshop Facilitation

Facilitate effective design workshops for problem-solving, ideation, customer journey mapping, design sprints, and team alignment.

Libo
UX Design

AI Native Product Designer

End-to-end product design with LLMs first, AI code tools for interactive prototypes, and Figma for systems and polish. Includes when to use it, default response shape, terminology (Native level vs AI native role), quick reference, self-check, and a full appendix rubric (clusters, cross-functional, frontier, role comparison). Example hiring bar: Ramp Product Designer.

Libo