Agent Skills·Tag ·ux
Tag · 497 skills

Agent skills tagged ux

497 SKILL.md skills tagged ux — the most complete ones are below, all usable across Hermes, Cursor, Codex, Gemini CLI, OpenCode, Claude Code and 30+ more agents.

Browse all 497 ux skills →

Productivity
guiding-users
Implements onboarding and help systems with product tours, interactive tutorials, tooltips, checklists, help panels, and progressive disclosure. Supports first-time experiences, fe…
claude-codecodexcursorgemini-clionboardingtutorialstooltips
Design
discover-journey-map
Produce a customer journey map covering stages, touchpoints, emotional curve, pain points, moments of truth, and opportunity annotations. Output is a markdown artifact that may inc…
claude-codecodexcursorgemini-clijourney-mappinguxcustomer-experience
Testing
forge-clarify
Clarify and validate issues before planning. Reproduces bugs via browser, verifies UX expectations, and captures evidence screenshots. Moves issues from confirmed to clarified stat…
claude-codecodexcursorgemini-clitriagereproductionux
Productivity
pm-persona-stress-tester
Stress-tests a design, flow, or PRD section by simulating how a specific persona would walk through it step by step. Takes the design plus a target persona and outputs a walkthroug…
claude-codecodexcursorgemini-cliproduct-managementpersonatesting
Design
dsa-dark-patterns-anti-design
Review and eliminate dark patterns prohibited under DSA Article 25 including misleading cookie banners, confirmshaming, roach motels, and bait-and-switch tactics. Deliver code and …
claude-codecodexcursorgemini-clitype:reviewdsadark-patterns
Research
cognitive-load-theory
Apply Cognitive Load Theory when authoring skills, prompts, documentation, or interfaces. Working memory holds ~4 chunks; eliminate extraneous load from poor presentation, reduce i…
claude-codecodexcursorgemini-clicognitive-loadpsychologydocumentation
Design
ui-ux-methodology
UI/UX reference containing 50+ visual styles, 161 palettes, 57 font pairings, 161 product types, 99 guidelines, and 25 chart types across 10 stacks including React, Next.js, Vue, S…
claude-codecodexcursorgemini-clifw:flutterfw:sveltelang:swift
Design
design-perspective
Integrates design principles, WCAG 2.2 AA accessibility, persona context, and state design into product decisions. Use when reviewing UX decisions, checking accessibility, applying…
claude-codecodexcursorgemini-clilang:rubytype:reviewux
Design
ux-compare
Compare UX patterns across multiple reference apps by analyzing pattern libraries. Identifies convergence, divergence, unique elements, and gaps across apps, then produces recommen…
claude-codecodexcursorgemini-cliuxpattern-analysiscomparison
Design
unslop-ui
Enforces clean UI/UX patterns when generating frontend code. Avoids repetitive colors, icon-in-rounded-square motifs, emoji overuse, excessive serif fonts, glassmorphism, gratuitou…
claude-codecodexcursorgemini-cliuiuxfrontend
Design
player-onboarding
First Time User Experience (FTUE) design that teaches through play, hooks players in 30 seconds, and retains them for life. Use when tutorial, onboarding, teach player, first time …
claude-codecodexcursorgemini-cliftueonboardinggames
Design
ui-audit
Reference library of UI/UX design system patterns and review guidance for web and mobile apps. Covers 50+ styles, color palettes, typography pairings, accessibility heuristics, and…
claude-codecodexcursorgemini-clitype:audittype:reviewui
Content
ai-insights-and-ux-copy
AI-powered insights, UX copywriting standards, and user experience guidelines for a vehicle insurance platform. Use when designing insight panels, writing user-facing copy, status …
claude-codecodexcursorgemini-cliuxcopywritinginsights
Design
customer-journey-map
Create an end-to-end customer journey map with stages, touchpoints, emotions, pain points, and opportunities. Use when mapping the customer experience, identifying friction points,…
claude-codecodexcursorgemini-clijourney-mapuxtouchpoints
Design
micro-interactions
Designs small purposeful animations and UI responses that reward users and make interfaces feel responsive. Applies to icons, toggles, reveals, success states, loaders, and other i…
claude-codecodexcursorgemini-cliuianimationsux
Design
设计大师
Create high-fidelity prototypes, interactive demos, presentations, animations, and design variants in HTML. Embody roles such as UX designer, animator, or prototype specialist. Val…
claude-codecodexcursorgemini-clitype:reviewhtmlprototypes
Design
bmad-create-ux-design
Guides UX design specification through collaborative discovery. Captures core experience, emotional design goals, design system, visual foundations, user journeys, component strate…
claude-codecodexcursorgemini-clibmaduxdesign
Web
live-component
Build Symfony UX LiveComponent interactive UIs with server-rendered AJAX updates, real-time forms, data binding, and live validation without JavaScript. Triggers on LiveProp, LiveA…
claude-codecodexcursorgemini-clilang:javascriptsymfonyphp
Testing
running-bug-review-board
Performs real-user manual QA on web, mobile, or desktop apps and converts results into a Bug Review Board feedback loop. Triggers on QA this, test phase, run a manual test plan, fi…
claude-codecodexcursorgemini-clitype:reviewqamanual-testing
Web
gpt-taste
Builds elite UX/UI interfaces with advanced GSAP motion, Python-driven layout randomization, strict AIDA structure, wide editorial typography, gapless bento grids, and precise Scro…
claude-codecodexcursorgemini-cliai:openailang:pythongsap
Design
adhd-design-expert
Designs digital experiences for ADHD brains using neuroscience and UX principles. Specializes in reducing cognitive load, time blindness solutions, dopamine-driven engagement, and …
claude-codecodexcursorgemini-cliadhduxdesign
Design
3d-interaction-design
Design 3D interaction systems covering input methods, selection techniques, navigation patterns, and feedback mechanisms while addressing comfort, discoverability, and spatial ergo…
claude-codecodexcursorgemini-clivrarinteraction
Engineering
thoughtful-approach
Plans and implements features with strong end-user orientation by identifying core capabilities, practical nice-to-haves, and scope-safe enhancements that improve usefulness withou…
claude-codecodexcursorgemini-cliuxplanningfeatures
General
calmplan-team
Automatically activates on any development, fixes, or UX/UI decisions. Includes system map, bidirectional connectivity rules, ADHD-First design standards, and methodology tailored …
claude-codecodexcursorgemini-cliadhduxisrael
Design
ring:pre-dev-design-validation
Gate 1.5/2.5: Design Validation - verifies UX specifications are complete before proceeding to technical architecture. Checklist-based validation that prevents incomplete designs f…
claude-codecodexcursorgemini-cliuxvalidationchecklist
Design
ux-extract
Extract UX patterns from a reference web app by capturing screens, states, interactions, copy, shortcuts, responsive behavior, motion, and feedback states. Produces reusable patter…
claude-codecodexcursorgemini-clitype:audituxpatterns
Design
ux-evaluator
Evaluate UI components against UX best practices using a 3-dimension framework (Position, Visual Weight, Spacing) aligned with industry standards. Reviews buttons, navigation, spac…
claude-codecodexcursorgemini-clitype:reviewuxevaluation
Business
peeka-product-advisor
Applies behavioral science lens to product, feature, scope, growth, retention, and UX decisions. Prompts before any code or issue action on triggers like feature requests, scope ch…
claude-codecodexcursorgemini-cliproductuxbehavioral-science
Design
award-design
Builds award-winning websites targeting Awwwards SOTD 7.5+, FWA, and CSSDA criteria. Recommends design archetype, calibrates atmosphere, and produces complete DESIGN.md while apply…
claude-codecodexcursorgemini-cliweb-designawwwardscss
Design
ui-context-and-scope
Use lines, regions, color areas, breadcrumbs, and scope labels to show users their current location, operating context, and action impact. Especially valuable in deep navigation or…
claude-codecodexcursorgemini-clinavigationbreadcrumbscontext
Design
stitch-ui-design
Guides creation of effective prompts for Google Stitch AI UI design. Handles UI/UX design, app interfaces, mobile/web generation, prompt structure, specificity, iteration, and desi…
claude-codecodexcursorgemini-cliui-designgoogle-stitchux
Design
usability-test-mit-betroffenen
Organizes usability tests with participants who have disabilities, covering recruitment, assistive tools, task scenarios, consent, compensation, and reporting with severity ratings…
claude-codecodexcursorgemini-cliusability-testingaccessibilitydisabilities
Design
draft-recon
Scans existing frontend routes, components, navigation, and flows to map current UX state before new design work. Use when needing to understand existing UI patterns, navigation st…
claude-codecodexcursorgemini-cliuxfrontendaudit
Design
onboarding-wizard-design
Design first-run product onboarding flows that reach the aha moment without overload. Covers step architecture, progressive disclosure, escape hatches, completion incentives, and d…
claude-codecodexcursorgemini-clionboardinguxflows
Design
review-ux-ui
Evaluate user experience and interface design using Nielsen's heuristics, WCAG 2.1 accessibility, keyboard and screen reader audits, user flow analysis, cognitive load assessment, …
claude-codecodexcursorgemini-clitype:audittype:reviewux
Design
ux-flow-chooser
Guide UI flow selection between timeline and topology views, or hybrids, based on information freshness, chunkability, priority distribution, concurrent contexts, device constraint…
claude-codecodexcursorgemini-cliuxflowsnavigation
Productivity
anthropic-skills
Official repository of reusable skills covering UX/UI design, document creation (docx, pdf, pptx, xlsx), MCP builder, web testing, algorithmic art, brand guidelines, and enterprise…
claude-codecodexcursorgemini-cliai:claudeuxdesign
Research
mental-models
Analyze how a system, user, or designer model diverges from reality across UX, systems, APIs, and collaboration. Covers three-model frames, gulfs of execution, failure modes, and m…
claude-codecodexcursorgemini-clilang:rubymental-modelsux
Design
scroll-areas
Avoid nested scroll containers in layouts. When required, restrict to a single axis and preserve user control. Applies to data tables, panels, and any component introducing an inne…
claude-codecodexcursorgemini-cliuiuxlayout
Security
marketing-conversion-flow-dark-pattern-review
Review marketing conversion flows for dark-pattern practices that may invalidate consent or violate FTC Section 5 and state privacy laws. Triggered by UX flow specs, wireframes, or…
claude-codecodexcursorgemini-clitype:reviewcomplianceprivacy
Design
onboarding-ux
Audit and generate in-app guidance including onboarding flows, empty states, tooltips, feature tours, and contextual help. Identify where new users get stuck and produce content an…
claude-codecodexcursorgemini-clitype:audituxonboarding
Design
ui-ux-pro-max
Design system intelligence with 50 styles, 21 palettes, 50 font pairings, 20 charts, and 9 stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, a…
claude-codecodexcursorgemini-clifw:flutterfw:sveltelang:swift
Design
web-design-aesthetic
Recommends 2026 aesthetic directions such as Calm UX, Liquid Glass, Wabi Sabi, or Maximalism when users need guidance on visual style, brand direction, or aesthetic vocabulary for …
claude-codecodexcursorgemini-cliaestheticsbrandingux
Productivity
onboarding-flow
Design, improve, or audit post-signup activation flows that guide new users to their first value moment. Use when activation lags, time-to-value feels excessive, or early sessions …
claude-codecodexcursorgemini-clitype:auditonboardingux
Design
ios-animation-design
Designs and specs iOS animations including transitions, micro-interactions, gesture-driven motion, and loading states. Use for planning or choosing animation approaches before impl…
claude-codecodexcursorgemini-cliiosswiftuianimation
Design
prototype-builder
Coordinates the full prototype build cycle for subject-matter experts. Confirms layouts and assembles components without building them directly. Single entry point for all prototyp…
claude-codecodexcursorgemini-cliprototypecoordinationux
Design
ddt-design-source
Use during a frontend slice's spec step when the target is evaluated by human perception. Routes UI/UX decisions to an external design tool and ingests the output as a contract-bou…
claude-codecodexcursorgemini-cliai:claudetool:figmaddt
Design
ui-density
Matches UI density to platform and user type: dense layouts for desktop power users, focused reduced layouts for mobile and occasional users. Applies to tables, dashboards, and too…
claude-codecodexcursorgemini-cliuilayoutresponsive
Design
aesthetic
Builds aesthetically refined interfaces using established design principles. Handles UI/UX creation, visual hierarchy, color theory, micro-interactions, and design system documenta…
claude-codecodexcursorgemini-cliuiuxdesign
Design
ui-ux-pro-max
UI/UX intelligence with 50 styles, 21 palettes, 50 font pairings, 20 charts, and 9 stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadc…
claude-codecodexcursorgemini-clifw:flutterfw:sveltelang:swift
Web
ads-landing
Landing page quality assessment for paid advertising campaigns. Evaluates message match, page speed, mobile experience, trust signals, form optimization, and conversion rate potent…
claude-codecodexcursorgemini-clitype:auditlanding-pageconversion
Engineering
agent-cli-developer
Expert CLI developer for command-line interface design, developer tools, and terminal applications. Masters UX, cross-platform compatibility, and efficient CLI tools developers lov…
claude-codecodexcursorgemini-cliai:agenttype:clicli
Design
draft-patterns
Provides guidance on UX patterns, interaction best practices, form design, navigation, and loading states. Use for queries about form validation, dashboard navigation, or loading U…
claude-codecodexcursorgemini-cliuxdesignpatterns
Business
conversion-rate-optimization
Framework for improving conversion rates across the full funnel. Includes customer-centric audits, form and page optimization, signup flows, onboarding, paywalls, and UI/UX reviews…
claude-codecodexcursorgemini-clitype:auditcrofunnel
Testing
eval-ui-ux
Evaluates UI shell, design system, and screen tracks for design adherence, visual consistency, layout, responsiveness, component states, animations, accessibility, and copy quality…
claude-codecodexcursorgemini-cliuiuxdesign-system
Productivity
in-app-guidance-and-walkthroughs
Designs floating, docked, and targeted prompts plus multi-step walkthroughs with audience targeting, scheduling, and adoption analytics for user onboarding in Lightning Experience.
claude-codecodexcursorgemini-clitool:salesforceonboardingwalkthroughs
Business
pricing-prd
Produces a tactical product requirements document covering pricing experiments, packaging, willingness-to-pay, grandfathering, A/B testing, regional pricing, and UX considerations.
claude-codecodexcursorgemini-clisaaspricingprd
Design
generate-ui-from-brand
Converts a URL or DESIGN.md into a concrete UI structure. Extracts design tokens, normalizes them into a semantic system, applies UX principles, and outputs an actionable UI spec.
claude-codecodexcursorgemini-clitype:audittype:generatorui
Design
iris
UI/UX interface designer focused on user flows, usability, interaction design, form flows, and empty states. Handles interface behavior while visual design is handled separately.
claude-codecodexcursorgemini-cliuiuxinterface-design
Design
lean-ux
Apply lean thinking to UX through hypothesis-driven design, collaborative sketching, and rapid experiments. Use for hypothesis statements, UX MVPs, and cross-team collaboration.
claude-codecodexcursorgemini-clitype:auditlean-uxhypothesis-driven

Showing the top 60 of 497. See the full list →