Expert UI/UX plugin: design, validate, and audit interfaces for SaaS, landing pages, and admin portals
You are a UX Audit Specialist. Your role is to evaluate existing interfaces against established UX heuristics, accessibility standards, and context-specific best practices. You produce structured Audit Reports with quantitative scores and prioritized, actionable recommendations.
You are a UX Design Specialist. Your role is to produce structured, detailed UX Specifications that translate research findings and UX best practices into actionable design blueprints. Your specs are optimized for consumption by implementation agents (like `frontend-design`) and developers.
You are a UX Research Specialist. Your role is to conduct deep research on UI/UX best practices, current trends, benchmarks, and anti-patterns for a given interface context. You deliver structured, data-driven Research Briefs that inform downstream design and implementation decisions.
Use this skill whenever the user mentions admin portal, admin panel, back office, CMS, content management, user management, CRUD interface, data tables, bulk actions, role-based access, RBAC, filters, search, pagination, or any interface for managing data, users, or content. Also use when building or reviewing any internal tool, management dashboard, or data-heavy interface with tables — even if the user doesn't say "admin". If it has a data table with sorting and filtering, this skill applies.
Use this skill whenever the user asks for a UX audit, UI review, usability evaluation, heuristic evaluation, UX scoring, interface audit, accessibility audit, UX report, or wants to evaluate any existing interface against best practices. Also use when the user says "check the UX", "review this UI", "is this accessible", "score this page", or asks for feedback on an implemented interface. If someone has built something and wants to know if the UX is good, this skill provides the evaluation framework.
Use this skill whenever the user mentions UX, UI, interface design, user experience, usability, accessibility, design systems, Nielsen heuristics, WCAG, color contrast, typography scale, spacing, or any question about how an interface should look, feel, or behave. Also use it when designing, reviewing, or auditing any interface — even if the user doesn't explicitly say "UX". This is the foundational knowledge base that underpins all other ux-expert skills. When in doubt about whether UX principles apply, they do — load this skill.
Use this skill whenever the user mentions landing page, marketing page, conversion page, hero section, pricing page, CTA, call-to-action, social proof, testimonials, signup form, above the fold, conversion rate, lead generation, or any page whose primary goal is converting visitors. Also use when reviewing or building any customer-facing marketing page, product page, or campaign page — even if the user doesn't explicitly say "landing page". If the page has a signup button or pricing table, this skill applies.
Use this skill whenever the user mentions SaaS, dashboard, web application, app interface, onboarding, notifications, settings page, empty states, sidebar navigation, command palette, user retention, feature adoption, or any application interface where users log in and perform tasks repeatedly. Also use when designing or reviewing any authenticated web app — even if the user doesn't say "SaaS". If it has a sidebar, a dashboard, or user settings, this skill applies.
Uses power tools
Uses Bash, Write, or Edit tools
Has parse errors
Some configuration could not be fully parsed
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.
Custom Claude Code plugins for design, UX, QA, and development workflows.
Expert UI/UX plugin covering the full design lifecycle: conception, validation, and audit.
Commands:
| Command | Description |
|---|---|
/ux-design | Full UX design pipeline with web research and structured specs |
/ux-validate | Quick UX validation during development |
/ux-audit | Comprehensive UX audit with scoring (/100) and action plan |
Agents:
| Agent | Role |
|---|---|
ux-researcher | Web research on UX best practices, trends, and benchmarks |
ux-designer | Produces structured UX Specifications with wireframes |
ux-auditor | Evaluates interfaces against Nielsen heuristics and WCAG |
Skills (auto-activated):
| Skill | Domain |
|---|---|
ux-foundations | Nielsen heuristics, psychology laws, WCAG 2.2 AA, design systems |
ux-landing-page | Conversion optimization, hero sections, CTAs, pricing tables |
ux-saas-app | Navigation, onboarding, dashboards, notifications |
ux-admin-portal | Data tables, CRUD, bulk actions, RBAC, search/filters |
ux-audit-framework | Severity scales, scoring rubric, audit methodology |
Automated exploratory bug hunting on web applications. Explores via browser automation, detects bugs, and produces structured reports.
Prerequisites: Requires a Chrome DevTools MCP server (launch with claude --chrome).
Commands:
| Command | Description |
|---|---|
/qa-explore | Explore a running web app to find bugs (main command) |
/qa-audit | Systematic audit with specific checklists (i18n, a11y, forms, etc.) |
/qa-report | Compile raw findings into a structured bug report |
Agents:
| Agent | Role |
|---|---|
qa-explorer | Navigates apps via browser, interacts with UI, discovers bugs |
qa-reporter | Validates findings, filters false positives, compiles reports |
Skills (auto-activated):
| Skill | Domain |
|---|---|
qa-foundations | Oracle layers, bug severity (S0-S4), confidence levels, report format |
qa-web-testing | Testing checklists: forms, navigation, CRUD, console, network, i18n, a11y |
# Add the marketplace
claude plugin marketplace add WilliamFontaine/claude-plugins-marketplace
# Install a plugin
claude plugin install ux-expert@willdev-plugins
claude plugin install qa-hunter@willdev-plugins
Each plugin will be available in your next Claude Code session.
plugins/
├── ux-expert/
│ ├── .claude-plugin/
│ │ └── plugin.json
│ ├── agents/
│ ├── commands/
│ └── skills/
│ ├── ux-foundations/
│ ├── ux-landing-page/
│ ├── ux-saas-app/
│ ├── ux-admin-portal/
│ └── ux-audit-framework/
└── qa-hunter/
├── .claude-plugin/
│ └── plugin.json
├── agents/
├── commands/
└── skills/
├── qa-foundations/
└── qa-web-testing/
npx claudepluginhub williamfontaine/claude-plugins-marketplace --plugin ux-expertAutomated exploratory bug hunting on web applications — explore, detect, and report bugs via browser automation
A UX regression testing skill for browser-based and webview-based apps. Runs after E2E to catch usability, journey, accessibility, and interface-quality issues before they ship.
UX co-pilot — conversational UX designer with live preview. 376 rules, 161 palettes, 57 font pairings, 67 styles. Phases: Discovery (ABCD questions), Audit (code scan + scored report), Preview (local server + named versions), Export (spec + React/Svelte/Vue components).
Audit and improve front-end usability using 15 established design principles. Acts as a Senior UX designer/engineer reviewing your interface end-to-end.
UX testing toolkit for Claude Code — generate user journey stories, walk them through a real browser, and implement the issues found.
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Multi-model consensus engine integrating OpenAI Codex CLI, Gemini CLI, and Claude CLI for collaborative code review and problem-solving.