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.3kApple HIG Designer
Design iOS apps to Apple's Human Interface Guidelines: native components, San Francisco typography, semantic colors, spacing, and accessibility.
jamesrochabrun201954Apple UI Designer
Redesign mobile UI to feel native iOS: Apple HIG, SF Pro typography, translucency, and system-like components.
heyman33327640Android Design Guidelines
Material Design 3 and Android platform guidelines for Jetpack Compose or XML: Material You, navigation, dynamic color, and accessibility.
ehmo4941.2kMobile Android Design
Material Design 3 and Jetpack Compose patterns for native Android interfaces that follow Google platform guidelines.
wshobson39k20.9kDesign 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.2kIndustrial Brutalist UI
Swiss industrial print and tactical telemetry UI: rigid grids, extreme type contrast, utilitarian color, and analog degradation effects.
leonxlnx17.4k226.2kGPT Taste
Strict anti-slop frontend and GSAP motion rules: layout variance, wide editorial type, gapless bento grids, and cinematic scroll.
leonxlnx17.4k223.2kImpeccable
Design, critique, audit, and polish frontend UI: hierarchy, accessibility, motion, typography, spacing, theming, and live browser iteration.
pbakaus3.2k1.3kBetter UI
Design-engineering polish for interfaces: surfaces, shadows, icons, micro-interactions, and motion restraint that make UI feel intentional.
Jakub Krehel8kBetter Typography
Web typography craft: font choice and pairing, type scales, wrapping, OpenType features, and component text details.
Jakub Krehel7.7kBetter Colors
OKLCH color systems for the web: palette generation, contrast, gamut, semantic tokens, and light/dark theming.
Jakub Krehel7.4kBetter Layout
Layout structure for web UI: grouping, spacing, reading order, progressive disclosure, breakpoints, and RTL-aware layout.
Jakub Krehel5.6kAI 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.4k3kImagegen Frontend Mobile
Generate premium mobile app screen concepts and flows as images only—readable type, coherent multi-screen sets, phone mockup framing.
leonxlnx17.4k202.8kPrototype
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.9k298kApple Design
Apple's fluid interface approach for the web: gesture-driven UI, spring motion, interruptible transitions, translucent materials, depth, and restrained typography.
Emil Kowalski1.5k2.3kBuild 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.8kMaterial 3
Google Material Design 3 (Material You): tokens, components, adaptive layout, theming, and accessibility—primarily Jetpack Compose Material3.
hamen1.3k1.7kHand 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.5kAnimate
Build animations from scratch in the order that determines craft: whether to animate, purpose, tool, properties, curve, duration, interruptibility, and exit.
Emil Kowalski1.5k2.2kReview Animations
Review animation and motion code against Emil Kowalski's design-engineering bar. Default to flagging; approval is earned.
Emil Kowalski1.5k2.2kAnimation Vocabulary
Turn vague motion descriptions into precise animation terms so you can brief designers or prompt agents accurately.
Emil Kowalski1.5k83.3kImprove Animations
Audit motion in a codebase and produce prioritized, self-contained implementation plans. Read-only on product source.
Emil Kowalski1.5k68.2kFind Animation Opportunities
Find where motion would help—and reject where it would not. Restraint-first opportunity scan with exact motion recipes.
Emil Kowalski1.5k56.8kApple Design
Apple's fluid interface approach for the web: gesture-driven UI, spring motion, interruptible transitions, translucent materials, depth, and restrained typography.
Emil Kowalski1.5k2.3kValidate & 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.
LiboGrilling
Relentless multi-round interviewing that maps a plan as a design tree: ask the whole frontier each round with recommended answers, then recompute as decisions settle.
mattpocock144.9k11.5kReview Loop
Iterative worker-reviewer cycle: do the work, spawn a critic subagent to score 1-10, revise until a quality gate is met. First drafts are never final.
2dmurali1202.5kShip 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.1kBetter Accessibility
Accessibility engineering for product UI: focus, keyboard support, ARIA, forms, hit areas, and reduced-motion patterns.
Jakub Krehel5.5kApple HIG Designer
Design iOS apps to Apple's Human Interface Guidelines: native components, San Francisco typography, semantic colors, spacing, and accessibility.
jamesrochabrun201954AI 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.8kLeetCode Teacher
Interactive technical interview prep: pattern-based coding challenges, progressive difficulty, and multi-language practice (Python, TypeScript, Kotlin, Swift).
jamesrochabrun201LinkedIn 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.9kBeyond skills
Skills install into your agent. These guides, prompts, and frameworks show the rest of the stack.
Guide
Agent skills for designers
When to install a skill vs paste a one-shot prompt.
Prompt
AI prompts for designers
Copy-paste journey maps, IA, and critique when a skill is overkill.
Guide
Figma to Cursor
Hand design context to coding agents without losing fidelity.
Teardown
ChatGPT composer teardown
Study how a leading product structures tools in the input.
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.