UX UI & Design Subagents
247 ux ui & design subagents for Claude Code and AI agents, ranked by real installs from npm, PyPI and skills.sh.
#Type
- 1design-reviewExpert design reviewer for web UI. Use PROACTIVELY after any front-end change and before calling UI work complete, or when the user asks to review/audit a page, screen, or PR for visual quality,…Jul 2026
- 2presentation-claude-codePROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-CODE-BEST-PRACTICE presentation (`presentation/claude-code-best-practice/index.html`) — slides,…Jul 2026
- 3presentation-claude-geminiPROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-GEMINI presentation (`presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html`) —…Jul 2026
- 4presentation-vibe-codingPROACTIVELY use this agent whenever the user wants to update, modify, or fix the VIBE-CODING presentation (`presentation/vibe-coding-to-agentic-engineering/index.html`) — slides, structure, styling,…Jul 2026
- 5ux-designerProduces a concise, accessible UX brief with flows, states, and annotations.Jul 2026
- 6impeccable-asset-producerProduces clean reusable raster assets from approved Impeccable mock references without redesigning the direction.Jul 2026
- 7impeccable-finish-reviewerReviews a finished Impeccable build against its direction contract, persistence requirements, and the chosen world's quality bar, returning an ordered list of material fixes.Jul 2026
- 8impeccable-manual-edit-applierApplies leased Impeccable live manual copy-edit batches to source and returns canonical Apply results.Jul 2026
- 9designerUI/UX Designer-Developer for stunning interfaces (Sonnet)Jul 2026
- 10accessibility-specialistThe Accessibility Specialist ensures the game is playable by the widest possible audience. They enforce accessibility standards, review UI for compliance, and design assistive features including…May 2026
- 11art-directorThe Art Director owns the visual identity of the game: style guides, art bible, asset standards, color palettes, UI/UX visual design, and the art production pipeline.May 2026
- 12level-designerThe Level Designer creates spatial designs, encounter layouts, pacing plans, and environmental storytelling guides for game levels and areas. Use this agent for level layout planning, encounter…May 2026
- 13technical-artistThe Technical Artist bridges art and engineering: shaders, VFX, rendering optimization, art pipeline tools, and performance profiling for visual systems. Use this agent for shader development, VFX…May 2026
- 14ux-designerThe UX Designer owns user experience flows, interaction design, accessibility, information architecture, and input handling design. Use this agent for user flow mapping, interaction pattern design,…May 2026
- 15visual-designerBounded provider-neutral visual candidate worker. Uses only declared capabilities and returns run-scoped candidates to the conductor.Jul 2026
- 16aiox-uxAIOX UX Design Expert autônomo. Frontend architecture, UI/UX design, wireframes, design system, accessibility, component design. 5 fases completas.Jul 2026
- 17ux-designerUse this agent for UX and UI design work — user research, journey maps, wireframes, interactive prototypes, design systems, and WCAG-compliant design specifications ready for development handoff.Jul 2026
- 18emilanimationThis skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.Jul 2026
- 19ui-ux-designerUse proactively when reviewing UI/UX design, evaluating visual interfaces, auditing web components for usability issues, checking accessibility compliance, or critiquing design aesthetics.Jul 2026
- 20slide-auditorVisual layout auditor for RevealJS and Beamer slides. Checks for overflow, font consistency, box fatigue, and spacing issues. Use proactively after creating or modifying slides.Jun 2026
- 21tikz-reviewerHarsh devil's advocate reviewer for TikZ diagrams. Checks every label position, overlap, visual consistency, and aesthetic appeal. Use after creating or modifying any TikZ code. The calling agent…Jun 2026
- 22vc-ui-ux-designerUse this agent when the user needs UI/UX execution support including interface implementation, design-system polish, responsive layouts, animations, accessibility review, or design documentation.Jun 2026
- 23accessibilityA11y auditing, WCAG compliance, and inclusive design review. Ensures digital content is usable by everyone.Jul 2026
- 24prototyperUse for rapid prototyping, MVPs, proof-of-concepts, and quick experimental implementations.Jul 2026
- 25design-syncDetects conflicts across multiple Design Docs and provides structured reports. Use when multiple Design Docs exist, or when "consistency/conflict/sync/between documents" is mentioned. Focuses on…Jul 2026
- 26ui-analyzerGathers UI-related facts by reading the project's external-resources file, fetching external sources (design origin, design system, guidelines) via MCP or URL, and analyzing the existing UI codebase.…Jul 2026
- 27ui-spec-designerCreates UI Specifications from PRD and optional prototype code. Use when PRD is complete and frontend UI design is needed, or when "UI spec/screen design/component decomposition/UI specification" is…Jul 2026
- 28interaction-cooper交互设计总监（Alan Cooper 思维模型）。当需要设计用户流程和导航、定义目标用户画像（Persona）、选择交互模式、从用户角度排序功能优先级时使用。Mar 2026
- 29product-norman产品设计总监（Don Norman 思维模型）。当需要定义产品功能和体验、评估设计方案的可用性、分析用户困惑或流失、规划可用性测试时使用。Mar 2026
- 30ui-duarteUI 设计总监（Matías Duarte 思维模型）。当需要设计页面布局和视觉风格、建立或更新设计系统、配色和排版决策、动效和过渡设计时使用。Mar 2026
- 31design-system-researcherUse this agent when you need to conduct in-depth research on a single open source design system or component library. This agent should be invoked when:\n\n<example>\nContext: User wants to…Jul 2026
- 32godot-ui-designerUse this agent when the user needs to build or refactor user interfaces in Godot 4.x — settings menus, HUDs, inventory UI, dialogue boxes, pause screens, mobile / Steam-Deck-responsive layouts,…Jul 2026
- 33accessibility_specialistAccessibility specialist for WCAG compliance auditing, ARIA implementation review, keyboard navigation testing, and inclusive design assessment. Use when the task requires accessibility audits,…Jul 2026
- 34design_system_engineerDesign system engineering specialist for design tokens, component API contracts, theming architecture, CSS architecture, style consistency, and visual regression strategy. Use when the task requires…Jul 2026
- 35ux_designerUX designer for user flow design, interaction patterns, wireframe descriptions, and usability evaluation. Use when the task requires designing user interfaces, mapping user journeys, optimizing…Jul 2026
- 36uiux-designerUI/UX 设计和用户体验优化，并产出可在浏览器直接打开的静态 HTML 原型。例如：设计界面布局、定义交互流程、优化用户旅程、生成静态 HTML 原型用于评审与交接。**主动调用 when** 任务需 UI 布局、交互流程或静态 HTML 原型。（关键词：HTML 原型、Tailwind CDN、用户旅程、交互流程、design spec、Figma、可访问性）Jul 2026
- 37cs-design-leadDesign leadership advisor for Design Leads managing design systems, UX quality, accessibility compliance, and design operationsJul 2026
- 38omd-a11y-auditorStage 0 deterministic gate of the eval pipeline. Runs DESIGN.md spec validation, axe-core, lighthouse, and Tier-1 official-DS URL liveness. Pass/fail is binary. Never opinion-based — always…Jul 2026
- 39omd-asset-curator페이지/컴포넌트에 필요한 에셋(아이콘, 일러스트, 차트, 사진, 로고, 비디오, 3D 렌더)을 식별하고, 프로젝트 스택에 맞춰 최적 매체 + 라이브러리를 결정한 후 (a) 인라인 코드 생성 (SVG/CSS) 또는 (b) 무료 라이선스 소싱 또는 (c) 3D 서브에이전트 라우팅 중 하나로 처리합니다. 이모지 디폴트 금지 — SVG 우선.Jul 2026
- 40omd-codex-imageChannel-aware image materializer. Reads `<!-- omd:gen-image -->` spec blocks in HTML/MD/JSX and materializes them through Codex's native image generation, omd-asset-curator fallback, or user-queue…Jul 2026
- 41omd-criticReads the full run output, user feedback, and persona ABANDONs, then writes a root-cause critique of omd-master's decisions. Forces re-entry at the lowest broken phase rather than surface patches. No…Jul 2026
- 42omd-designer-reviewVisual + brand consistency reviewer. Audits HTML/MD/JSX against the brand DESIGN.md across typography, color budget, radius scale, component states, mobile responsiveness, spacing. Outputs BLOCK /…Jul 2026
- 43omd-final-qaRead-only final-gate critic. Enforces an 8-item rubric. Hard 2-round revision cap. Forbids 'looks good' rubber-stamps and requires line refs for every FAIL.Jul 2026
- 44omd-humanizerKO/EN/JA/ZH-CN/ZH-TW 제품 문장 후편집 전문가. 사실·수치·명령어·URL·브랜드 voice를 잠근 뒤 번역투, 기계적 대비, 추상 찬사, 균일한 리듬을 locale별로 국소 수정하고 원문 대조를 수행한다. AI 작성 여부나 탐지 회피는 판정하지 않는다.Jul 2026
- 45omd-kr-writerKorean blog / long-form writer with 6 voice presets (toss-tech-design, karrot-neighborly, brunch-maker-popular, biz-formal-report, academic-paper, journalism-broadsheet). Default preset…Jul 2026
- 46omd-locale-adapter한국어 canonical content를 EN/JA/ZH-CN/ZH-TW로 독립 adaptation한다. thesis·사실·명령·URL을 보존하고 각 locale의 정보 순서, register, 제품 용어로 다시 쓰며 humanize 검증과 실제 route QA까지 수행한다.Jul 2026
- 47omd-masterConversational design partner — 빈 폴더 또는 기존 코드 폴더에 진입하면 컨텍스트를 자동 detect하고, 시니어 디자이너가 옆에 있는 것처럼 한 번에 1-4개씩 묻고 답변에 따라 다음 질문을 emergent하게 잡는다. 8-16 turn 평균 (페르소나 적응). slot 모두 채우면 OMD-PLAN.md를 emit해 사용자가…Jul 2026
- 48omd-microcopyWrites all UI text (button labels, error messages, empty states, success confirmations, onboarding copy) strictly conforming to DESIGN.md §10 Voice. Refuses forbidden phrases. Never invents tone —…Jul 2026
- 49omd-orchestratorCoordinates multi-agent design workflows across writing, five-locale adaptation, humanization, UI slop audit, design review, final QA, and image materialization. Maintains a two-round revision cap…Jul 2026
- 50omd-persona-testerAdversarial synthetic user that walks through generated UI under a strict persona prompt with hard turn budget and ABANDON token. Emits 6 quantitative metrics (task_success / steps / steps_vs_optimal…Jul 2026
- 51omd-slop-auditor실제 제품 route와 코드를 함께 읽어 context-free UI/copy pattern cluster를 rule ID·line ref·route evidence로 진단한다. AI slop, 일반 접근성·품질 오류, 사용자 취향을 분리하고 최소 수정과 동일 route 재검증 조건을 제시하는 read-mostly specialist.Jul 2026
- 52omd-ui-juniorJunior UI designer that translates a journey + DESIGN.md into ASCII wireframes (Phase 4) or component manifests (Phase 6). Strictly cites only DESIGN.md tokens — refuses to invent. Defines all 5…Jul 2026
- 53omd-ux-engineer섹션 단위 인터랙션 / 모션 / IA / 마이크로인터랙션 / 모바일 / 지각 성능 감사 + 코드 레벨 개선안. NN/g 10 휴리스틱, Refactoring UI, Material/iOS HIG, Web Vitals(INP/LCP/CLS), WAI-ARIA focus management 통합 perspective. 기존 페이지의 hero / pricing…Jul 2026
- 54omd-ux-researcherReads the resolved oh-my-design reference catalog, researches competing services, validates Tier-1 official design system URLs. Returns concise, URL-cited findings. Read-only — never writes outside…Jul 2026
- 55omd-ux-writer섹션 단위 UX writing 감사 + 대안 + 근거. Hero / problem / how-it-works / features / social proof / pricing / FAQ / CTA / empty·error·loading 각 섹션의 카피를 voice spec(DESIGN.md §10)과 UX writing 원칙(Podmajersky,…Jul 2026
- 56accessibility-leadAccessibility team lead and orchestrator. Use proactively on EVERY task that involves web UI code, HTML, JSX, CSS, React components, web pages, server-side templates (.leaf, .ejs, .erb, .hbs), or any…Jul 2026
- 57markdown-a11y-assistantInteractive markdown accessibility audit wizard. Runs a guided, step-by-step WCAG audit of markdown documentation. Covers descriptive links, alt text, heading hierarchy, tables, emoji (remove or…Jul 2026
- 58web-accessibility-wizardInteractive web accessibility review wizard. Runs a guided, step-by-step WCAG audit of your web application. Walks you through every accessibility domain using specialist subagents, asks questions to…Jul 2026
- 59ux-designerExpert UX Designer with 30 years of experience in user experience and product design. Provides UX strategy, design critique, and usability guidance. Advisory only - does not modify code.Apr 2026
- 60designer-agent**Type**: `designer-agent` **Role**: UX, API design, and developer experience review **Spawned By**: Design Review Gate **Tools**: Codebase read, existing API patterns, BEADS CLIJun 2026
- 61designerDesign specialist for frontend UI/UX design, Pencil (.pen), image generation, video production, and TikTok content. Covers web components, pages, and applications. Orchestrates visual creation tools.Jul 2026
- 62accessibility-auditorUse this agent to run a comprehensive WCAG AA accessibility audit on a design. Trigger when reviewing designs for accessibility, checking contrast ratios, testing keyboard navigation, or validating…Jun 2026
- 63design-criticUse this agent to run a structured 3-pass UX critique — heuristics, accessibility, and content quality. Trigger when the user wants a thorough pre-launch design review, when designs need a second…Jun 2026
- 64design-critiqueUse this agent to perform an automated UX heuristic review of Figma screens. Trigger when the user wants feedback on their design, a UX audit of screens, or a critique before presenting/submitting…Jun 2026
- 65design-lintUse this agent to lint a Figma file for common design issues — inconsistent spacing, orphan colors, non-standard type sizes, missing auto-layout, detached styles, and accessibility violations.…Jun 2026
- 66design-qaUse this agent to run visual QA on a design implementation — checking responsive behavior across breakpoints, token/design system compliance, interactive states, and motion quality. Trigger after…Jun 2026
- 67design-token-extractorUse this agent to extract design tokens from CSS, SCSS, JavaScript, or Tailwind config files. Trigger when the user wants to document their token system, migrate tokens between formats, audit token…Jun 2026
- 68figma-creatorUse this agent to create visual designs directly in Figma using the Desktop Bridge. Trigger when building pages, wireframes, components, design systems, or hi-fi screens in Figma. Also trigger when…Jun 2026
- 69ui-ux-designerUse this agent when the user needs UI/UX design work including interface designs, wireframes, design systems, user research, responsive layouts, animations, or design documentation.Mar 2026
- 70brand-managerCreative director for deliverables. Builds presentation decks, creates color palettes, resizes imagery, and QAs outputs for visual consistency. Use to turn analysis or content into a client deck,…Jul 2026
- 71ffe-designerFF&E designer and schedule manager. Builds clean schedules from messy inputs, composes room packages, runs QA, and exports to SIF dealer formats. Use for FF&E schedule cleanup, room-package…Jul 2026
- 72frontend-designerFrontend designer who builds memorable UIs: landing pages, dashboards, components. Rejects generic AI slop, commits to a bold aesthetic direction, ships production-quality code. Use for new pages, UI…Apr 2026
- 73ui-ux-designerExpert designer who creates intuitive, beautiful, and accessible user experiencesApr 2026
- 74accessibility-reviewerUse this agent to review any design output — code, mockups, specifications, or prototypes — for inclusive design compliance. Evaluates against WCAG, COGA, and inclusive design principles. Dispatch…Jun 2026
- 75design-criticUse this agent to review design work against the original plan, design brief, and design principles. Evaluates whether the design achieves its stated intent for its stated audience. Dispatch at…Jun 2026
- 76design-leadUse this agent for visual design execution — layouts, colour systems, typography, component design, responsive behaviour, interaction patterns, and design system work. Dispatch when the design plan…Jun 2026
- 77design-strategistUse this agent for upstream design thinking — user flows, information architecture, journey mapping, persona development, design principles, experience mapping, and setting design direction before…Jun 2026
- 78heuristic-evaluatorUse this agent to evaluate a design against established usability heuristics (Nielsen's 10) and conduct cognitive walkthroughs of key tasks. Dispatch after design-builder completes, alongside…Jun 2026
- 79inspiration-scoutUse this agent to find aesthetic references, interaction examples, and visual inspiration that match the project brief and the user's taste profile. Dispatched when the team needs creative direction,…Jun 2026
- 80motion-designerUse this agent for animation and motion design — micro-interactions, page transitions, scroll-driven animation, loading states, spring physics, easing curves, and choreography. Ensures motion is…Jun 2026
- 81ascii-ui-mockup-generatorUse this agent when you need to visualize UI concepts through ASCII mockups before implementation. Examples: <example>Context: User has an idea for a dashboard layout with data tables and charts.Jul 2026
- 82interaction-cooper交互设计总监（Alan Cooper 思维模型）。当需要设计用户流程和导航、定义目标用户画像（Persona）、选择交互模式、从用户角度排序功能优先级时使用。Feb 2026
- 83product-norman产品设计总监（Don Norman 思维模型）。当需要定义产品功能和体验、评估设计方案的可用性、分析用户困惑或流失、规划可用性测试时使用。Feb 2026
- 84ui-duarteUI 设计总监（Matías Duarte 思维模型）。当需要设计页面布局和视觉风格、建立或更新设计系统、配色和排版决策、动效和过渡设计时使用。Feb 2026
- 85quinn-designQuinn Torres, UI/UX Designer -- specialist prompt template. Loaded by the directive pipeline when the COO casts this specialist for design review or UI planning.Mar 2026
- 86biostat-vizBuilder of interactive D3 visualizations for the learnbiostats docs/ GitHub Pages site. Turns an evergreen genetics/genomics claim into a teaching figure — a takeaway-stating title, an annotation…Jul 2026
- 87cognitive-design-architectAn orchestrating agent that collaboratively helps designers apply cognitive science principles to create effective visual interfaces, data visualizations, educational content, and presentations.Jul 2026
- 88ux-reviewerHolistic UX/UI reviewer. Opens the app and evaluates overall design quality against best practices. Use after milestones or design-heavy work for a design critique. MUST run in foreground — MCP tools…Apr 2026
- 89ux-reviewerUX specialist for reviewing website usability, information architecture, interaction design, and user flows. Use for heuristic evaluations, UX audits, navigation reviews, content hierarchy analysis,…Feb 2026
- 90a11y-auditorRuns the static accessibility (WCAG 2.2) audit using the a11y-scanner tool. Dispatched by /ship for scorecard generation.Jul 2026
- 91webflow-agentWebflow agent with MCP server integration, skill orchestration for CMS management, site audits, safe publishing, link checking, accessibility, and asset optimization — includes safety workflows,…Jul 2026
- 92emberStrategy and research specialist. Use when a design problem is unclear, fuzzy, or potentially misframed — before any flows, copy, or specs are produced.Jul 2026
- 93noorEntry point for Intent UX design work. Use at the start of any design engagement — or anytime the team needs reorientation — to establish project context (users, product, constraints, ethical stance,…Jul 2026
- 94runeDesign-to-engineering handoff specialist. Use when a design is decided and needs to be documented precisely enough to implement — detailed specs per screen (behavior, layout, copy, interaction logic,…Jul 2026
- 95vigilQuality, resilience, and accessibility specialist — the honest evaluator. Use to systematically assess an existing design against Nielsen's 10 heuristics, the Intent anti-pattern catalog, and WCAG…Jul 2026
- 96wrenExperience designer. Use once the problem is framed and the experience itself needs designing — flows, information architecture, screen structure, or interface copy.Jul 2026
- 97emberStrategy and research specialist. Use when a design problem is unclear, fuzzy, or potentially misframed — before any flows, copy, or specs are produced. Frames problems against five foundational…Jul 2026
- 98noorEntry point for Intent UX design work. Use at the start of any design engagement — or anytime the team needs reorientation — to establish project context (users, product, constraints, ethical stance,…Jul 2026
- 99runeDesign-to-engineering handoff specialist. Use when a design is decided and needs to be documented precisely enough to implement — detailed specs per screen (behavior, layout, copy, interaction logic,…Jul 2026
- 100sageBrainstorming partner for sitting with a problem before solving it. Not a phase — a cognitive mode any other agent can enter when the problem needs more exploration before the next move. Runs a…Jul 2026
