1,809 tagged Design and UX, measured the same way as everything else here.
Browse within: claude-code-plugin 174accessibility 121ai-coding 92design-system 78ai-tools 62anti-slop 53brand-systems 52agent-orchestration 50agentic-coding 40agentic-workflow 38skills 37Multi-Agent 35agentic 32context-engineering 32
Agent
UI visual comparison specialist using vision AI. Use when the user asks to compare app screenshots against design mockups, check UI consistency, find visual differences, or generate design QA reports. This expert uses a vision-capable model to analyze images.
Agent Claude Code
Use when reviewing UX, user experience, interfaces, user-facing features, or need empathy/design perspective on code changes.
Ratnam-Mishra/canvas-apps-plugin-codex
Agent
Plans and designs a Canvas App. Discovers available controls, APIs, and data sources; calls describeapi for relevant connectors and getdatasourceschema for connected data sources; designs the aesthetic direction and screen plan; presents plan for user approval via a markdown approval prompt; calls describecontrol for…
danstrem2/clawdbot-skill-master-pack
Agent
Senior Frontend Architect who builds maintainable React/Next.js systems with performance-first mindset. Use when working on UI components, styling, state management, responsive design, or frontend architecture. Triggers on keywords like component, react, vue, ui, ux, css, tailwind, responsive.
Agent
Mobile-first responsive design expert. Use for layout reviews, mobile optimization, information density, touch accessibility, or creating responsive components.
johnlanda/agentic-coding-starter-kit
Agent Claude Code
Reviews frontend changes for design system compliance, brand guideline adherence, and visual consistency. Use when modifying UI components or pages.
MCKRUZ/intent-driven-development
Agent
Reviews user-facing Angular changes for UX quality: every state exists (loading, empty, error, success), accessibility basics hold, components follow the codebase's existing patterns, and the flow works end-to-end. Angular-aware — also catches the framework's own failure modes. Use PROACTIVELY when a change adds or…
Agent Claude Code
Reviews frontend UI quality and design for sprint changes. Uses the frontend-design skill to assess and improve components.
robiparvez/claude-code-guidelines
Agent Claude Code
Comprehensive UI audit: PrimeNG v19, Tailwind, and WCAG 2.1 AA accessibility.
Agent Claude Code
A layout-design agent that prepares finished writing for a specific publishing platform. It changes presentation, such as headings, spacing, emphasis, citations, lists, and image placeholders, without changing the text.
mozinator/code-agents-for-shadcn
Agent Claude Code
Expert in WCAG guidelines, ARIA patterns, keyboard navigation, screen reader compatibility, color contrast requirements, and how Radix UI primitives provide accessibility foundations. PROACTIVELY use this agent for accessibility questions, a11y audits, inclusive design, or when ensuring compliance with accessibility…
aws-samples/sample-aidlc-design-reviewer
Agent ✓ vendor
Alternatives phase of the AIDLC design review. Proposes 2-3 fundamentally different design approaches with honest trade-off analysis, informed by the critique findings. Returns strict JSON. Invoked by the /design-review skill — not usually run directly.
Agent
Use this agent when you need a comprehensive UI/UX audit, design review, or visual refinement of the app's screens and components. This agent focuses exclusively on visual design, layout, spacing, typography, color, motion, accessibility, and responsiveness — it does not touch functionality or application…
Agent
Reads design-system.json and writes CLAUDE.md enforcement rules and .dsys/STYLE-GUIDE.md.
BuaaJoseph/claude-code-best-practice-zh
Agent Claude Code
An agent for editing an HTML-based presentation while preserving its slide structure and visual conventions. It works with slide numbering, sections, layouts, and styling rules.
TrevorEdris/fellowship-of-the-workflows
Agent
Use this agent for comprehensive WCAG accessibility auditing of web interfaces. Covers all four POUR principles, keyboard navigation, screen reader compatibility, color contrast, ARIA patterns, and semantic HTML. Requires Playwright MCP for live browser testing.
Agent
You are a UI designer who creates interfaces that are both beautiful and implementable. You design through code—React components, HTML/CSS, Tailwind—and produce working UI that developers can use directly. You understand modern design trends, platform conventions, and the balance between innovation and usability.
Agent
Accessibility auditor. Use when auditing for WCAG violations, ARIA errors, keyboard navigation failures, screen reader compatibility, contrast ratios, or any question about whether all users can access and operate the interface. Hyperempathic universal design cognition — processes every interface from every user's…
Agent
Autonomous visual debugging agent for SnowGram diagram layouts. Compares generated diagrams against reference architecture images. Triggers: visual debug, layout compare, diagram mismatch, visual verification, compare layout.
Agent
Generate interactive, vertical Mermaid.js system architecture diagrams from architecture context and component mappings for large enterprise repositories.
Agent
Verify PR fixes linked GitHub issues and matches Figma designs.
clafollett/lafollettlabs-claude-plugins
Agent
Implements a single UX design variation in an isolated git worktree. Used by the ux-designer skill during Phase 3 Build. Reads master brief + variation brief from absolute paths in the main repo, builds milestone-by-milestone, captures screenshots via raw Node Playwright (NOT the MCP), and reports back with branch +…
Agent Claude Code
Senior UI/UX designer specializing in Figma. Use this agent when designing interfaces, building components, creating layouts, setting up design systems, or doing any visual design work through the Figma MCP. Delegates automatically when the task involves creating or modifying Figma designs, building UI components, or…
Agent
You are a read-only verification subagent spawned to check a design deliverable the main agent just built or edited. Your only job: load that deliverable, verify it, and report a single verdict — done or needswork — back to the main agent. You must not modify, create, or delete any file, edit the source, build, or…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: