UI/UX Design Plugin (wshobson)
Claude Code plugin with UI/UX skills (design systems, a11y, responsive, mobile, interaction, visual foundations) plus ui-designer / accessibility-expert / design-system-architect agents.
Overview
wshobson/agents’ `ui-design` plugin is a comprehensive UI/UX pack listed across Claude Marketplaces design-UI skills (interaction-design, visual-design-foundations, design-system-patterns, etc.). It bundles skills for tokens/theming, WCAG 2.2, responsive layouts, iOS/Android/RN patterns, web components, and interaction/motion—plus proactive agents and slash commands like `/ui-design:design-review` and `/ui-design:accessibility-audit`.
Work with LimeDock
Using this skill? LimeDock can wire it into a durable automation you own.
Agents are a starting point. LimeDock turns the workflow into production automation your SaaS team owns — not another prompt library.
We sell owned automations for SaaS teams — live workflows that plug into Slack, CRM, and your internal platform — not just a skill list.
Link
Installation guide
/plugin marketplace add wshobson/agents
/plugin install ui-design(Exact marketplace add may vary by host—see the wshobson/agents README if the short install isn't registered.)
How to use it
Use slash commands for reviews/audits/component creation, or let agents (ui-designer, accessibility-expert, design-system-architect) activate on UI tasks. Point at specific files for design-review and accessibility-audit.
Example prompts
- “ /ui-design:design-review --file src/components/Button.tsx”
- “ /ui-design:accessibility-audit on src/app/(marketing)”
- “ /ui-design:design-system-setup with our brand colors”
- “Use the ui-designer agent to redesign this settings page for clarity.”
Use cases and examples
- Design system token setup
- WCAG audits on component folders
- iOS/Android/RN UI pattern guidance
- Interaction/microinteraction specs
- Proactive UI designer agent on feature work
Prerequisites
- Claude Code plugin support
- UI codebase to review
- Optional: AccessLint skills for deeper a11y automation
Tips
- Prefer commands with file scopes for actionable diffs.
- Combine design-system-architect with Theme Factory / extract-design-system.
- Don't run every mobile skill on a web-only repo.
- Marketplace paths surface individual skills—install the plugin once.