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.
33 skills
- UX DesignBreak UIEmil Kowalski's adversarial skill: feeds a component realistic worst-case data (long names, unbreakable emails, missing fields, counts of 1, empty lists, non-Latin text) behind a Demo / Worst case toggle, then reports every break with its fix.
Emil Kowalski - UX DesignBetter InterfaceFigma Agent skill that reviews a screen across UI polish, accessibility, layout, typography, and writing, then pins findings as cards beside the frame. Use when critiquing or polishing work on canvas — distinct from the Cursor Better UI skill.Jakub Krehel
- UX DesignSuperfuture Design ReviewPrioritized Figma Agent critique covering hierarchy, type, spacing, contrast, motion, states, responsiveness, and accessibility. Returns blocking / important / polish findings with a specific fix for each.Joey Primiani
- UX DesignDesktop to MobileCreates a 390px mobile version of a selected desktop frame: stacking, nav transforms, type scaling, touch targets, and content priority. Does not shrink the desktop layout.Sianotte
- UX DesignUI State ExpanderExpands a happy-path screen into loading, empty, error, disabled, hover/focus, optimistic, partial-data, and recovery states, with transition logic engineers can build from.Figma Community
- UX DesigniOS DesignSwiftUI interface patterns aligned with Apple craft: Creative Selection and Design Like Apple principles, accessibility, and production-grade interaction standards.
pproenca206 - UX DesignApple HIG DesignerDesign iOS apps to Apple's Human Interface Guidelines: native components, San Francisco typography, semantic colors, spacing, and accessibility.
jamesrochabrun201 - UX DesignAndroid Design GuidelinesMaterial Design 3 and Android platform guidelines for Jetpack Compose or XML: Material You, navigation, dynamic color, and accessibility.
ehmo494 - UX DesignMobile Android DesignMaterial Design 3 and Jetpack Compose patterns for native Android interfaces that follow Google platform guidelines.
wshobson39k - UX DesignApple UI DesignerRedesign mobile UI to feel native iOS: Apple HIG, SF Pro typography, translucency, and system-like components.
heyman33327 - UX DesignBetter UIDesign-engineering polish for interfaces: surfaces, shadows, icons, micro-interactions, and motion restraint that make UI feel intentional.
Jakub Krehel - UX DesignBetter LayoutLayout structure for web UI: grouping, spacing, reading order, progressive disclosure, breakpoints, and RTL-aware layout.Jakub Krehel
- UX DesignIndustrial Brutalist UISwiss industrial print and tactical telemetry UI: rigid grids, extreme type contrast, utilitarian color, and analog degradation effects.
leonxlnx17.4k - UX DesignGPT TasteStrict anti-slop frontend and GSAP motion rules: layout variance, wide editorial type, gapless bento grids, and cinematic scroll.leonxlnx17.4k
- UX DesignImagegen Frontend MobileGenerate premium mobile app screen concepts and flows as images only—readable type, coherent multi-screen sets, phone mockup framing.leonxlnx17.4k
- UX DesignApple DesignApple's fluid interface approach for the web: gesture-driven UI, spring motion, interruptible transitions, translucent materials, depth, and restrained typography.Emil Kowalski1.5k
- UX DesignDesign an InterfaceGenerate 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.9k - UX DesignDesign Taste FrontendPremium frontend design taste: anti-AI-slop patterns, semantic design language, typography, spacing, and responsive constraints for web UI.leonxlnx17.4k
- UX DesignRedesign Existing ProjectsAudit and redesign existing AI-generated or bland UIs in place: hierarchy, typography, color, spacing, and component polish without starting over.leonxlnx17.4k
- UX DesignMinimalist UIMinimalist interface design: restrained typography, generous whitespace, subtle hierarchy, and intentional simplicity for premium product UI.leonxlnx17.4k
- UX DesignImage to CodeConvert screenshots, mockups, and visual references into production-ready frontend code with design-faithful layout, typography, and component structure.leonxlnx17.4k
- UX DesignImpeccableDesign, critique, audit, and polish frontend UI: hierarchy, accessibility, motion, typography, spacing, theming, and live browser iteration.
pbakaus3.2k - UX DesignWeb Design GuidelinesAudit 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.
Vercel28k - UX DesignSleek Design Mobile AppsDesign mobile app screens with Sleek via REST API, describe UIs in plain language, iterate on screens, and deliver screenshots from agent workflows.
sleekdotdesign422 - UX DesignFigma UseMandatory 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 DesignWireframe PrototypingLow-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 DesignDesign HandoffGenerate developer handoff specs from a design: layout, tokens, component props, states, responsive breakpoints, edge cases, animations, and accessibility.
Anthropic12.4k - UX DesignDesign EngineeringEmil Kowalski's design engineering skill: UI polish, animation decisions, component patterns, and the invisible details that make interfaces feel right.Emil Kowalski1.5k
- UX DesignFigma Generate DesignBuild 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 DesignFrontend DesignCreate distinctive, production-grade frontend interfaces with high design quality. Avoid generic "AI slop" aesthetics with bold typography, color, and spatial composition.Anthropic45.5k
- UX DesignDesign CritiqueStructured framework for giving and receiving design feedback. Covers critique formats, feedback types, and facilitation guidelines.
Brian5 - UX DesignDesign Workshop FacilitationFacilitate effective design workshops for problem-solving, ideation, customer journey mapping, design sprints, and team alignment.Brian5
- UX DesignAI Native Product DesignerEnd-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.Brian5