Agent skills for designers
Teach Cursor and Claude Code your design standards once: accessibility, critique, UX writing, Figma MCP, motion, and polish. These skills cover the designer work that repeats every sprint, and pair with our prompts when you need a one-shot starting point in chat.
Prototype & polish UI
Polish interfaces and keep agents from defaulting to AI-slop patterns.
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.5kDesign Engineering
Emil Kowalski's design engineering skill: UI polish, animation decisions, component patterns, and the invisible details that make interfaces feel right.
Emil Kowalski1.5kWeb Artifacts Builder
Build elaborate, multi-component React artifacts with Tailwind CSS and shadcn/ui. Full stack for creating production-ready web components and applications.
Anthropic45.5kWeb Design Guidelines
Audit UI code against Vercel Web Interface Guidelines for design and accessibility compliance. Fetches the latest rules before each review and outputs terse file:line findings.
Vercel28k398.2kSleek Design Mobile Apps
Design mobile app screens with Sleek via REST API, describe UIs in plain language, iterate on screens, and deliver screenshots from agent workflows.
sleekdotdesign422237.3kDesign Motion Principles
Motion and interaction design through Emil Kowalski, Jakub Krehel, and Jhey Tompkins lenses. Create purposeful animations or audit for AI-slop motion. Includes frequency gates, context weighting, cookbooks, and accessibility rules.
kylezantos2.9kUI/UX Pro Max
Comprehensive design guide for web and mobile: 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, 25 chart types. Searchable database with priority-based recommendations.
nextlevelbuilder4.1kDesign an Interface
Generate multiple radically different interface designs for a module using parallel exploration, then compare. Based on "Design It Twice" from A Philosophy of Software Design.
mattpocock144.9k185kDesign Taste Frontend
Premium frontend design taste: anti-AI-slop patterns, semantic design language, typography, spacing, and responsive constraints for web UI.
leonxlnx17.4k4.8kHigh-End Visual Design
Premium visual design direction: cinematic layouts, editorial typography, intentional color, and luxury-grade UI aesthetics without generic AI patterns.
leonxlnx17.4k3.4kRedesign Existing Projects
Audit and redesign existing AI-generated or bland UIs in place: hierarchy, typography, color, spacing, and component polish without starting over.
leonxlnx17.4k3.4kMinimalist UI
Minimalist interface design: restrained typography, generous whitespace, subtle hierarchy, and intentional simplicity for premium product UI.
leonxlnx17.4k3.2kImpeccable
Design, critique, audit, and polish frontend UI: hierarchy, accessibility, motion, typography, spacing, theming, and live browser iteration.
pbakaus3.2k1.3kAI Image Generation
Generate AI images with GPT-Image-2, FLUX, Gemini, Grok, Seedream, and 50+ models via inference.sh. Text-to-image, inpainting, LoRA, upscaling, and marketing visuals.
halt-catch-fire1.2k312kImagegen Frontend Web
Generate web UI visuals and frontend-ready image assets tuned for landing pages, product screens, and marketing surfaces.
leonxlnx17.4k3kPrototype
Build a throwaway prototype to answer a design question: sanity-check state models, logic, or UI shape before committing to a full spec or implementation.
mattpocock144.9k298kBuild design systems
Tokens, DESIGN.md contracts, and Tailwind patterns your agent can reuse.
Stitch DESIGN.md
Analyze Stitch projects and generate semantic DESIGN.md files from screen metadata, HTML/CSS, and assets. Produces atmosphere, color roles, typography, component styling, and layout principles.
google-labs-code4kTailwind Design System
Build scalable design systems with Tailwind CSS v4: CSS-first tokens, OKLCH theming, CVA components, dark mode, and v3-to-v4 migration patterns.
wshobson35.7kTaste Design
Generate premium, non-generic DESIGN.md guidelines for Stitch with strict anti-pattern bans, semantic design language, and responsive/motion constraints.
google-labs-code5.1kExtract Design System
Reverse-engineer design tokens from public websites into starter token files, colors, typography, spacing, radius, and shadows via Playwright extraction.
arvindrk65123.5kDesign Taste Frontend
Premium frontend design taste: anti-AI-slop patterns, semantic design language, typography, spacing, and responsive constraints for web UI.
leonxlnx17.4k4.8kHand off to code
Move from design files to implementation with MCP and clear specs.
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.3kFigma 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.3kDesign Handoff
Generate developer handoff specs from a design: layout, tokens, component props, states, responsive breakpoints, edge cases, animations, and accessibility.
Anthropic12.4kWireframe 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-geddes974Image to Code
Convert screenshots, mockups, and visual references into production-ready frontend code with design-faithful layout, typography, and component structure.
leonxlnx17.4k3kMotion & video
Animation, view transitions, and motion graphics for product UI.
Hyperframes
Create motion graphics, video compositions, and animated UI demos with Hyperframes. Covers GSAP, Lottie, Remotion bridges, and presentation-ready motion.
heygen-com8904.4kVercel React View Transitions
Implement view transitions in React and Next.js: shared element transitions, page animations, and motion that feels native on the web.
Vercel28k756Design Motion Principles
Motion and interaction design through Emil Kowalski, Jakub Krehel, and Jhey Tompkins lenses. Create purposeful animations or audit for AI-slop motion. Includes frequency gates, context weighting, cookbooks, and accessibility rules.
kylezantos2.9kText to Lottie
Generate production-ready Lottie (Bodymovin) JSON animations with a coding agent. Includes a Skia player for live preview, scene folder structure, controls/slots, and verification rules for renderable output.
Diffusion Studio3.5kValidate & critique
Validate with users and run structured design reviews.
User Research
Plan, conduct, and synthesize user research: method selection, interview guide structure, affinity mapping, journey mapping, and deliverables from research plans to synthesis reports.
Anthropic1.9kUsability Testing
Plan and run usability tests with Lenny-style rigor: task design, moderation, synthesis, and guest-insight patterns for turning observations into product recommendations.
refoundai1.4kDesign Critique
Structured framework for giving and receiving design feedback. Covers critique formats, feedback types, and facilitation guidelines.
LiboUX Writing
Write effective microcopy: button labels, error messages, empty states, onboarding, and tooltips that guide users through your interface.
LiboShip accessible UI
Bake in WCAG checks and design-system thinking from the start.
Accessibility Expert
Build inclusive interfaces with WCAG compliance, screen reader support, keyboard navigation, and inclusive design patterns.
LiboWCAG Accessibility
Audit and improve web accessibility with WCAG 2.2 POUR principles, contrast tables, keyboard and focus guidance, form labels, ARIA patterns, and Lighthouse or axe testing checklists.
addyosmani2.1kAI 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.
LiboWork in documents
Create and edit Word docs, PDFs, and specs your agent can produce as deliverables.
DOCX
Create, read, edit, and manipulate Word documents (.docx): formatting, tables of contents, tracked changes, comments, templates, and professional reports.
Anthropic52k245kCreate, read, merge, split, and manipulate PDF files: forms, extraction, annotations, and document workflows for reports, contracts, and deliverables.
Anthropic52k248kDoc Co-Authoring
Co-author long-form documents with structured workflows: outlines, iterative drafting, stakeholder feedback loops, and polished final deliverables.
Anthropic52k407Grow your career
Portfolio, interviews, LinkedIn, and resume polish for design roles.
Resume ATS Optimizer
Optimize resumes for Applicant Tracking Systems: parse formatting issues, extract job-description keywords, calculate match scores, and suggest placements with before/after examples. Includes industry guidance for tech, finance, healthcare, and marketing, plus career changers and recent graduates.
paramchoudhary641Interview Prep Generator
Generate STAR stories, practice questions, and talking points from a resume. Behavioral interview prep with role-specific prompts and answer frameworks.
paramchoudhary1.8kLinkedIn Profile Optimizer
Optimize LinkedIn profiles for recruiter search, headline and summary rewrites, keyword placement, and engagement patterns without inflating or misrepresenting experience.
paramchoudhary641Grill Me
Relentless interviewing skill that stress-tests plans and designs through systematic questioning. Walks each branch of the design tree one decision at a time, with recommended answers and codebase exploration when context is available.
mattpocock144.9kRelated on AI UX Playground
Frequently asked questions
What are agent skills for designers?
Agent skills are SKILL.md files that encode design workflows (accessibility checks, UX writing rules, critique frameworks, Figma MCP patterns, and UI polish) so your coding agent applies them when building or reviewing interfaces.
Best agent skills for UX designers in Cursor?
Start with Accessibility Expert, Frontend Design, and Web Interface Guidelines for shipped UI. Add Figma Use and Figma Generate Design if you work across Figma and code. UX Writing and Design Critique help on copy and review loops.
Skills vs prompts: which should designers use?
Use skills in Cursor or Claude Code for work that repeats in your codebase. Use prompts from our catalog for one-off tasks in ChatGPT or Claude chat, like research synthesis, workshop plans, or stakeholder emails.
Do these skills work with Claude Code and VS Code?
Yes. SKILL.md is an open standard. Install paths differ by tool (.cursor/skills/, .claude/skills/, or npx skills add). Each skill page includes source links and install guidance.