Agent Skills·Tag ·ux
Tag · 950 skills

Agent skills tagged ux

950 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 950 ux skills →

Research
Competitive Product Research
Dual-track competitive research: experience benchmarking (8 UX dimensions) + strategic diagnostics (SWOT/Five Forces/PESTLE), source-traceable HTML or Markdo...
openclawcompetitiveuxswot
Design
refero-design
Primary/default skill for UI design, product design, web design, landing pages, dashboards, product screens, redesigns, visual polish, frontend/CSS styling, design systems, compone…
claude-codecodexcursorgemini-cliuiuxfrontend
Design
grok-designer
Use Grok 4.5 as the required external design advisor when a task needs UI critique, UX critique, component-choice review, interaction-flow review, design imagery markdown, art dire…
claude-codecodexcursorgemini-clidesignuiux
Design
ux-araby
Write, edit, localize, and audit Arabic UX microcopy for apps, websites, and software interfaces. Use for Arabic buttons, labels, errors, success messages, empty states, forms, onb…
claude-codecodexcursorgemini-cliarabicuxmicrocopy
Testing
moviemonk-ai
Full build and safety test workflow for MovieMonk UX/Component changes. Validates that UI modifications maintain type safety, component consistency, responsive behavior, and test c…
claude-codecodexcursorgemini-climovieuxlinting
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
premium-ui-builder-skill
Use this skill when the user wants to design, plan, redesign, upgrade, or improve the UI of a website, app, SaaS, dashboard, AI tool, landing page, portfolio, admin panel, mobile s…
claude-codecodexcursorgemini-cliuiuxfrontend
Design
retention-loop-design
Design retention and engagement loops that bring users back. Use when asked to improve retention, design an engagement or habit loop, fix a leaky retention curve, or build a re-eng…
claude-codecodexcursorgemini-clitype:debugretentionux
Design
design-review
Web / iOS / Android の UI を multi-axis でスコアリングし、フォント/余白/画像密度/モダン度の「ダサさ」シグナルを機械的に拾って md+html レポート化する design audit skill。general (一般フィードバック) と diff (目標デザインとの差分) の 2 モード × strict/norma…
claude-codedesign-reviewuiux
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
Design
Mobile App Design Standards
This skill should be used when the user asks to "design mobile UI", "review app design", "check UI guidelines", "improve app UX", "design React Native interface", "create app scree…
claude-codecodexcursorgemini-climobileuiux
Research
continuous-user-research
Runs longitudinal diary studies that turn weekly participant entries into User Signals and Recommendations, each tagged with evidence, confidence, and experiment-ready actions. Sup…
claude-codecodexcursorgemini-clitype:debuguser-researchdiary-study
Web
improve-jpl
Activates automatically for Japanese Learning Website (japanese-learning.ch) discussions. Knows the vision, target audience, unique value props, current codebase state including te…
claude-codecodexcursorgemini-clitype:reviewjapaneseui
Design
UI/UX Myth
Audits and builds production UI/UX: new interfaces from specs, redesigns, accessibility (WCAG AA), responsiveness, design systems, dashboards, SaaS tools, and forms. Triggers on re…
claude-codecodexcursorgemini-clitype:audituxaccessibility
Design
ux-variations
Interview and plan multiple UX and UI variations for a product, page, or flow, including onboarding, typical workflows, sharing, collaboration, return use, and interface alternativ…
claude-codecodexcursorgemini-cliuxuivariations
Design
visa-design-system
Defines a forward-looking design system for new products—palette, typography, spacing, tokens, and components—grounded in personas and user journeys before any mockups exist. Mirro…
claude-codecodexcursorgemini-clidesign-systemtokenstypography
Design
envision-the-experience
Envisions an interface as a lived world before any layout or component, grounding every element in its context and emotional reality rather than default UI patterns. Produces a wri…
claude-codecodexcursorgemini-cliuxvisioninterface-design
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
Design
variant-design
Generates three distinct visual/UI design variations from prompts, applying a full design system across typography, color, layout, motion, and UX writing with built-in quality chec…
claude-codecodexcursorgemini-cliuidesignvariations
Business
ghayth-experience
Designs operational input experiences in Ghayth ERP using the "entity drives experience" pattern. Standardizes create/input flows across HR, finance, fleet, projects, and other dom…
claude-codecodexcursorgemini-clierpuxentity-pattern
Design
techfitness-ux-ui
Designs, reviews, and refines UX/UI screens, components, and flows for the TechFitness SaaS. Activates for new screens, component creation, layout decisions, navigation flows, empt…
claude-codecodexcursorgemini-cliuxuisaas
Testing
persona-test
Exploratory browser testing driven by user personas. Uses a Plan-Act-Reflect loop with screenshots to identify UX and functional issues, then outputs structured P0-P3 reports plus …
claude-codecodexcursorgemini-cliplaywrightuxpersonas
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
Testing
product-flow-validation
Validates end-to-end product meaning across user flows after UI or interaction changes. Checks that entry copy, choices, runtime state, persistence, recovery, history, and return s…
claude-codecodexcursorgemini-clitype:reviewuxflows
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
conversion-design
Design and audit conversion-focused screens: funnel definition, friction-vs-trust balance, minimal form fields, single CTA discipline, social proof placement, microcopy, and measur…
claude-codecodexcursorgemini-clitype:audittype:reviewux
Design
aura-dna
Defines Aura's core Product/UX and Engineering principles—Freedom by Default, Zero Friction, Atomic Habits, Progressive Disclosure, Golden State, Air Gap, Zero Duplication, Systemi…
claude-codecodexcursorgemini-cliprinciplesuxarchitecture
Design
player-ux
Designs game interfaces that minimize cognitive load using perception, attention, and memory principles. Applies Gestalt patterns, HUD signal discipline, onboarding flows, and tool…
claude-codecodexcursorgemini-cliuxgame-uigestalt
Testing
ce-dogfood
Hands-off browser QA for the active branch: maps user flows, drives a real browser, autonomously fixes minor breakages with regression tests and commits, evaluates UX against produ…
claude-codecodexcursorgemini-cliqabrowserdogfood
Design
iconic-resemblance
Design or select icons that visually match their real-world referents—camera, clock, lock, calendar—for instant recognition without prior learning. Evaluate custom icons or test ic…
claude-codecodexcursorgemini-cliiconsuxvisual-design
Design
onboarding-craft
Design onboarding flows that deliver immediate value before friction: prioritize aha-moments, guided empty states, deferred setup, sample data, and progressive disclosure over tour…
claude-codecodexcursorgemini-clionboardinguxflows
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
web3ux
Web3 UX pipeline: context → research → flows → wireframes. Use when designing, auditing, or researching the UX of any Web3 product — dApps, wallets, DeFi protocols, privacy tools, …
claude-codecodexcursorgemini-cliweb3uxdapp
Testing
customer-audit
Multi-surface audit that fans one agent per interface and exercises every control with real interaction, before/after screenshots, and verification across functionality, trust, UX …
claude-codecodexcursorgemini-cliai:agenttype:auditaudit
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
Productivity
spec-feature
Deeply specifies a single feature before implementation by mapping every screen, state, interaction, and edge case, then composing them from existing design-system components and d…
claude-codecodexcursorgemini-clispecificationdesignux
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
Research
synthetic-user-research
Simulates user reactions via AI personas for early validation, with strict boundaries on what synthetic signals can confirm. Outputs a suitability verdict, data-grounded panel desi…
claude-codecodexcursorgemini-cliuxpersonasvalidation
Design
ui-ux-design-pro
Expert UI/UX designer for premium data-driven interfaces. Creates production dashboards, SaaS, and AI tools from scratch; builds design systems with tokens and typography; audits f…
claude-codecodexcursorgemini-clitype:audituxui
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
Web
ux-checkout-payment
Reviews or designs checkout, cart, payment, and booking flows from intent to confirmation, applying conversion-focused patterns like guest checkout, cost transparency, inline valid…
claude-codecodexcursorgemini-clitype:reviewcheckoutux
Engineering
iterate-with-prototypes
Use when building complex features with an existing spec but unverified assumptions around feasibility, UX, or reuse; ideal for reversible work across multiple sessions or agent ru…
claude-codecodexcursorgemini-cliprototypinguxfeasibility
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
form-ux-review
Reviews and improves form UX across signup, checkout, onboarding, settings, and admin workflows for web, mobile, and desktop. Focuses on completion rates, validation, accessibility…
claude-codecodexcursorgemini-clitype:reviewuxforms
Design
hm-ux-flow
Validates end-to-end cognitive flow before shipping new multi-step features or after navigation-changing refactors. Identifies friction from unnecessary decisions, poorly positione…
claude-codecodexcursorgemini-cliuxcognitive-flownavigation
Design
moonshot-ux
Apply a single elite-level polish pass to an existing app: layered visual craft, restrained micro-interactions, signature moments, and habit-forming loops that raise perceived qual…
claude-codecodexcursorgemini-cliuxpolishanimations
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
Design
ux-inputs-and-forms
Reviews and designs forms with optimal field selection, layout, labels, validation, and error handling. Applies minimal-field principles and one-column layouts while evaluating adv…
claude-codecodexcursorgemini-clitype:reviewuxforms
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
ux-activity-feed
Designs or critiques activity feeds and timelines: balances chronological vs. ranked ordering, notification grouping, follow suggestions, and entry-level controls while ensuring sc…
claude-codecodexcursorgemini-clitype:reviewactivity-feedtimeline
Design
portfolio-build
Builds, designs, and refines senior UX/Product Designer portfolios for large enterprises. Loads when portfolio, case study, or homepage work is mentioned; defines required messagin…
claude-codecodexcursorgemini-cliportfoliouxcase-study
Design
layout-paradigms-and-consistency
Determines the optimal layout paradigm—feed, board, table, canvas, master-detail, dashboard, gallery, timeline, map, or single-focus—and enforces its consistent reuse across all sc…
claude-codecodexcursorgemini-cliuiuxlayout
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
product-design-v2
Delivers Apple-level product design: visual systems, UX flows, accessibility, proprietary visual language, tokens, prototyping, and handoff across Figma, design systems, typography…
claude-codecodexcursorgemini-clitool:figmadesignux
Engineering
hm-cli
Builds CLIs following the Higher Mind standard. Use when creating a new CLI, refactoring an existing CLI's appearance, or adopting the mindset of terminal as a cinematic product wi…
claude-codecodexcursorgemini-cliai:agenttype:clicli
Design
ios-app-beauty
Delivers premium native iOS aesthetics through SF Symbols, SwiftUI spring animations, haptic patterns, blur materials, Dynamic Type, and Apple-standard spacing and radii. Focuses o…
claude-codecodexcursorgemini-clilang:swiftiosswiftui
Engineering
spec-domain
Designs domain models, use cases, database schemas, and test cases from existing UX artifacts (scenarios, flows, requirements). Executes the full pipeline—domain modeling through v…
claude-codecodexcursorgemini-clidomain-modelingschemasuse-cases
Design
ui-consistency
Defines UI/UX consistency rules and design system patterns for components, tables, forms, buttons, dialogs, states, and notifications. Applies accessibility standards, tooltip beha…
claude-codecodexcursorgemini-cliuiuxdesign-system

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