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.
27 skills
Apple HIG Designer
Design iOS apps to Apple's Human Interface Guidelines: native components, San Francisco typography, semantic colors, spacing, and accessibility.
jamesrochabrun201954Android 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.9kApple UI Designer
Redesign mobile UI to feel native iOS: Apple HIG, SF Pro typography, translucency, and system-like components.
heyman33327640Better UI
Design-engineering polish for interfaces: surfaces, shadows, icons, micro-interactions, and motion restraint that make UI feel intentional.
Jakub Krehel8kBetter Layout
Layout structure for web UI: grouping, spacing, reading order, progressive disclosure, breakpoints, and RTL-aware layout.
Jakub Krehel5.6kIndustrial 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.2kImagegen Frontend Mobile
Generate premium mobile app screen concepts and flows as images only—readable type, coherent multi-screen sets, phone mockup framing.
leonxlnx17.4k202.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.3kDesign 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.8kRedesign 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.2kImage to Code
Convert screenshots, mockups, and visual references into production-ready frontend code with design-faithful layout, typography, and component structure.
leonxlnx17.4k3kImpeccable
Design, critique, audit, and polish frontend UI: hierarchy, accessibility, motion, typography, spacing, theming, and live browser iteration.
pbakaus3.2k1.3kWeb 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.3kFigma 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.3kWireframe 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-geddes974Design Handoff
Generate developer handoff specs from a design: layout, tokens, component props, states, responsive breakpoints, edge cases, animations, and accessibility.
Anthropic12.4kDesign Engineering
Emil Kowalski's design engineering skill: UI polish, animation decisions, component patterns, and the invisible details that make interfaces feel right.
Emil Kowalski1.5kFigma 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.3kFrontend 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 Critique
Structured framework for giving and receiving design feedback. Covers critique formats, feedback types, and facilitation guidelines.
LiboDesign Workshop Facilitation
Facilitate effective design workshops for problem-solving, ideation, customer journey mapping, design sprints, and team alignment.
LiboAI 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