Agents for UI/UX design, accessibility, and user experience optimization
A collection of specialized AI agents focused on UI/UX design, accessibility, and user experience optimization within Claude Code workflows.
Why this plugin
Provides expert-level design and accessibility guidance directly within Claude Code, enabling developers to integrate best practices without switching contexts or requiring separate design tools.
Prerequisites
Requires Claude Code and the Build with Claude marketplace plugin installed. No external API keys or specific dependencies needed.
/plugin marketplace add davepoon/buildwithclaude/plugin install agents-design-experience@buildwithclaudeUpstash Context7 MCP server for up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your LLM context.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
Comprehensive startup business analysis with market sizing (TAM/SAM/SOM), financial modeling, team planning, and strategic research
Collection of scientific skills