Stats
Actions
Available In
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
By crashbytes
UX/UI Developer skill for Claude Code. Designs component systems, runs WCAG 2.1 AA accessibility audits, applies Nielsen's heuristics, implements responsive layouts, and evaluates usability. Includes slash commands: /accessibility-audit, /design-system.
A Claude Code plugin that teaches Claude to act as a UX/UI Developer. Designs component systems, runs accessibility audits, applies usability heuristics, and implements responsive layouts.
| Command | Description |
|---|---|
/accessibility-audit | Run a WCAG 2.1 AA compliance audit on a component or page |
/design-system | Design, initialize, or audit a component design system |
/plugin install ux-ui-developer@claude-plugin-directory
Or install directly:
/plugin install-from https://github.com/CrashBytes/claude-ux-ui-developer
Connect development tools for code review and issue tracking:
| Platform | Setup |
|---|---|
| GitHub | claude mcp add github -- npx -y @modelcontextprotocol/server-github |
| GitLab | claude mcp add gitlab -- npx -y @modelcontextprotocol/server-gitlab |
| Jira | claude mcp add atlassian-mcp-server --transport streamable-http --url https://mcp.atlassian.com/v1/sse |
| Pusher Channels | claude mcp add pusher -- npx -y @AshDevFr/pusher-channels-mcp-server |
Apache 2.0
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub crashbytes/claude-ux-ui-developerProduct Owner skill for Claude Code. Writes user stories with acceptance criteria, manages backlogs, applies prioritization frameworks (RICE, MoSCoW, WSJF), and plans releases. Includes slash commands: /user-story, /backlog-prioritize.
CrashBytesInfoSec Engineer skill for Claude Code. Runs STRIDE threat modeling with DREAD scoring, performs OWASP Top 10 security reviews, audits code for vulnerabilities, and guides incident response. Includes slash commands: /threat-model, /security-review.
Product Manager skill for Claude Code. Drafts PRDs, builds roadmaps, conducts market analysis (TAM/SAM/SOM), defines OKRs, and plans go-to-market strategy. Includes slash commands: /prd, /roadmap.
Migration Engineer skill for Claude Code. Assesses legacy systems, plans technology migrations using the 7 Rs framework, implements strangler fig patterns, and designs database migration strategies. Includes slash commands: /migrate, /legacy-audit.
DevOps Engineer skill for Claude Code. Generates CI/CD pipelines (GitHub Actions, GitLab CI), plans deployment strategies (blue-green, canary, rolling), manages infrastructure as code, and configures monitoring. Includes slash commands: /pipeline, /deploy-strategy.
Craft polished user interfaces with layout grids, color systems, typography scales, responsive patterns, and visual hierarchy.
sethdfordExpert UI/UX design guidance for unique, accessible interfaces. Always-ask-first protocol for visual decisions, colors, typography, layouts.
benciumAccessibility and UX implementation - WCAG, ARIA, design tokens
laurigatesUI/UX designer skills for wireframing, user flows, design systems, UX audits, responsive design, accessibility, and design handoff.
heaptracetechnologyExpert UI design review skill for evaluating interface design quality, usability, and aesthetic coherence.
mastepanoski7-phase frontend design review with accessibility (WCAG 2.1 AA), responsive testing, visual polish. Use for PR reviews, UI audits, or encountering contrast issues, broken layouts, accessibility violations, inconsistent spacing, missing focus states.
secondsky