26 tagged ux design, measured the same way as everything else here.
Browse within: ux 14design-system 10product-design 10design 7methodology 7software design 7state-management 7ui-design 6
Skill Claude CodeCodex
In-chat fallback for the Timeline Inspector Refine agent. Use when the user runs /refine live, asks to "refine live", "go live", or answer refine jobs — but ONLY when no persistent agent is wired (no npx transitions-refine live). Prefer npx transitions-refine live for run-and-forget (relay spawns agent per click, no…
Skill Claude CodeCodex
Production-ready CSS transitions for web apps. Use when implementing notification badges, dropdowns, modals, panel reveals, page transitions, card resizes, number pop-ins, text swaps, icon swaps, success checks, avatar group hovers, error state shakes, search/input clear, skeleton loaders, shimmer text, sliding tabs…
Skill Claude CodeCodex
Polish and refine existing motion against the transitions.dev motion-token scale — duration, distance, scale, blur, and easing — plus the rules for WHEN each token applies (open/close asymmetry, hover-in vs hover-out, stagger offsets, and intent delays). An add-on to the transitions-dev skill, focused on tuning what…
joeyvansommeren/journey-mapper
Skill Claude CodeCodex
Scans a codebase and generates a self-contained HTML service-design journey map — NN/g combined customer journey + service blueprint format. Use when the user wants to map user journeys, create journey maps, build service blueprints, or understand user flows from code. Prompts for codebase path if not supplied. Works…
Skill Claude CodeCodex
Framework-based skill for B2B product positioning, GTM strategy selection, and website messaging. Use when someone asks for help positioning their product, choosing a GTM strategy, writing homepage or website copy, messaging for different buyer personas, content strategy by awareness stage, or ad and landing page…
Skill Claude CodeCodex
Apply UX content writing principles to review existing UI copy or write new UI copy from scratch. Use this skill whenever someone asks you to: review, audit, critique, or improve UI text, error messages, button labels, tooltips, empty states, onboarding copy, form helper text, or any software interface copy. Also…
Skill Claude CodeCodex
Rules and patterns for building UI with shadcn/ui, Tailwind v4 or StyleX, and Motion against a Vois design token set. Use when building components, pages, or any UI that should conform to the workspace design system. Covers spacing, typography, color tokens, component architecture, animation, accessibility, and modern…
Webba-Creative-Technologies/forge
Skill Claude CodeCodex
Forge design system for React. Use when writing any React UI in this project, when picking which component to use, when theming, when creating block templates, or when reviewing UI code for accessibility and anti-patterns. Covers components, tokens, theming, motion, patterns, a11y, and anti-patterns.
bpodhalicz/designer-claude-skills
Skill Claude CodeCodex
Bullet-proof research mode — no hallucinated sources, no unverified numbers, no vague dates, no stale facts. Every claim traces to a real, fetched, on-topic, date-checked source, or it is labeled or dropped. Use whenever a response would contain specific numbers, statistics, prices, dates, named studies, quotes…
bpodhalicz/designer-claude-skills
Skill Claude CodeCodex
Apply design psychology — cognitive biases and behavioral principles — to review UI/UX work and generate ideas, recommendations, and critiques grounded in named principles. Use this skill whenever the user asks for a UX review, design critique, conversion analysis, onboarding/checkout/pricing/paywall feedback, "why…
Skill Claude CodeCodex
A UI and UX design skill for planning websites, landing pages, product pages and web applications. It can also provide colour, typography and visual-style guidance.
Skill Claude CodeCodex
Specify every in-scope Stateful condition and run the five-question re-entry review on each non-transient lifecycle state. Use after human-confirmed triage to add behavior, owner, acceptance criteria, category-specific recovery or surface requirements, explicit applicable/not-applicable re-entry verdicts, and…
Skill Claude CodeCodex
Audit an existing software feature or surface by deriving an expected, evidence-sourced condition inventory and comparing it with code, tests, designs, telemetry, incidents, support history, requirements, and domain rules. Use to find undesigned or unimplemented lifecycle states, failures, interruptions, and surfaces…
Skill Claude CodeCodex
Build a Stateful condition inventory for a confirmed system sentence across four related lenses: lifecycle states, failures, interruptions, and surfaces. Use after system-sentence on greenfield or feature-level work when the user needs systematic discovery with evidence, explicit coverage checks, typed relationships…
Skill Claude CodeCodex
Solve UX/UI problems by first gathering context (platform, theme, existing experience), then researching how major software providers (Google Material Design, Apple HIG, Microsoft Fluent, Shopify Polaris, Atlassian, etc.) handle similar patterns, presenting multiple visual solutions as an interactive HTML page for the…