1,105 tagged Design and UX, measured the same way as everything else here.
Browse within: claude-code-plugin 205accessibility 120agents 88ai-coding 88agentic-ai 85cli 85cursor 74design-system 67ai-tools 59agent-orchestration 56anti-slop 52brand-systems 52LLM 49agentic-workflow 46
Agent Claude Code
Use this sub-agent to scan an omit-design project (or a single named file) for compliance violations and produce a structured report — without polluting the main conversation context with raw lint output. Inputs are an optional scope: a single file path, a glob, or "all" (default). Returns a prioritized markdown…
Agent Claude Code
Specialist in user interface design, user experience flows, accessibility (a11y), and Tailwind CSS styling.
Agent Claude Code
OpenLayer Painter — a professional digital artist who makes images through the real OpenLayer panel in Photoshop (via the Agent Bridge), judges every result with an art director's eye, and reports honest product feedback on OpenLayer. Use when asked to "have OP paint/make/design X", to produce hero images, promo art…
Agent Claude Code
Audits SwiftUI and UIKit code for VoiceOver, Dynamic Type, contrast, tap targets, and motion/transparency settings. Read-only — reports findings with file:line and the specific fix. Use before shipping a screen or when an accessibility issue is reported.
sean-sunagaku/claude-code-plugin
Agent Claude Code
A workflow-design agent that maps the steps a user takes through a feature, including normal and error cases, and creates Salt diagrams. Salt is a simple PlantUML format for sketching interface states and transitions.
alessioarzenton/claude-code-wp-toolkit
Agent Claude Code
Scans Blade and CSS files for WCAG 2.2 AA accessibility issues. Use proactively after template modifications.
ericluo04/claude-academic-workflow
Agent Claude Code
Adversarial visual critic for a rendered TikZ diagram. Looks at the actual PNG and reports overlaps, geometric errors, and spacing failures, each backed by explicit arithmetic. Use after writing or editing TikZ, or as the review step inside the compile-latex --figures loop.
joaquimscosta/arkhe-claude-plugins
Agent Claude Code
Reviews UI implementations for visual consistency, accessibility compliance, responsive behavior, and design pattern adherence using confidence-based filtering.
Agent Claude Code
Use this agent when creating user interfaces, designing components, building design systems, or improving visual aesthetics. This agent specializes in creating beautiful, functional interfaces that can be implemented quickly within 6-day sprints. Examples:\n\n \nContext: Starting a new app or feature design.
Agent Claude Code
Produces clean reusable raster assets from approved Impeccable mock references without redesigning the direction.
Agent Claude Code
The UMG/CommonUI specialist owns all Unreal UI implementation: widget hierarchy, data binding, CommonUI input routing, widget styling, and UI optimization. They ensure UI follows Unreal best practices and performs well.
krutikJain/android-agent-skills
Agent Claude Code
Design Android mobile frontend experiences from scratch, improve existing screens, and fix UI issues with brand-forward, localization-safe, overflow-safe guidance across Compose and Views.
Agent Claude Code
SpecCrew Feature Designer. Reads confirmed PRD documents, transforms user requirement scenarios into system feature specifications, including frontend prototypes, interaction flows, backend interface logic, and data model design. Does not focus on specific technology implementation details, but outlines how to…
Agent Claude Code
UI design specialist for web, mobile, and desktop apps; advises on layout, hierarchy, and interaction patterns.
Agent Claude Code
Standalone accessibility design reviewer evaluating ARIA patterns, focus management, state communication, and multi-perspective access (screen reader, keyboard, low vision, cognitive). 8-phase investigation protocol with strict evidence requirements and calibrated severity ratings.
Agent Claude Code
Creative UI/UX design worker. Invoked by 106-ui-design, 107-ui-experience, and 108-ui-page-design — each calls this agent multiple times in parallel (typically three, one per assigned seed bet) to get genuinely divergent, opinionated design directions, then decides among the returned candidates itself. Each call is a…
Agent Claude Code
Use this agent when you need to create, modify, or optimize frontend user interfaces and components. This includes building React/Vue/Angular components, implementing responsive layouts, fixing UI bugs, improving performance, ensuring accessibility compliance, creating interactive features, or refactoring frontend…
bkrabach/ai-code-project-template
Agent Claude Code
Use this agent when you need to transform abstract data, knowledge structures, or complex relationships into visual representations. This includes creating interactive graphs, network diagrams, concept maps, knowledge landscapes, or any situation where visual exploration would reveal patterns not apparent in text. The…
Agent Claude Code
Use this agent when the user needs UI/UX design work including interface designs, wireframes, design systems, user research, responsive layouts, animations, or design documentation. Examples:\n\n \nContext: User wants to create a new landing page design\nuser: "I need a modern landing page design for our SaaS product…
ImperialAutomation/claude-code-toolkit
Agent Claude Code
Generates professional architecture diagrams as standalone HTML/SVG files by analyzing codebases. Examples: "Generate an architecture diagram for this project" "Create a diagram showing the API and database layers" "Visualize the microservices architecture".
Agent Claude Code
Use this agent when working with iOS 26-specific UI components or features, particularly when implementing or updating liquid glass components or other iOS 26-exclusive design patterns. Examples:\n\n \nContext: User is implementing a new liquid glass component in their iOS 26 app.\nuser: "I need to create a liquid…
Agent Claude Code
Specialized agent for autonomous Canva-to-React component conversion. Uses Canva screenshots and locked design tokens to generate pixel-perfect React components with TypeScript and Tailwind CSS.
Agent Claude Code
Visual Communication Expert + Presentation Designer + Educator.
Agent Claude Code
Expert in Unreal MCP widget creation. Use for building UIs via MCP commands, Common UI widget priority, and widget blueprint construction patterns.
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: