UI/UX Suite
Plugin Verified ActiveDesign audit tool. Scores projects across 12 dimensions: color, typography, accessibility, layout, and more. WCAG, APCA, OKLCH color science. Zero dependencies.
To provide developers with automated, data-driven insights into their project's design quality, moving beyond subjective reviews to actionable, code-level improvements.
Features
- Scores projects across 12 design dimensions
- References WCAG, APCA, UX laws for findings
- Generates code fixes for top findings
- Operates locally with zero dependencies
- Integrates as an MCP server for AI editors
Use Cases
- Getting a quick design score card for a project
- Performing in-depth accessibility and color contrast audits
- Improving typography and layout consistency
- Ensuring adherence to platform and UX best practices
Non-Goals
- Performing subjective design reviews
- Replacing a human designer's creative input
- Auditing non-UI aspects like backend performance or business logic
Practices
- Design auditing
- Accessibility compliance
- Performance UX
- Code quality
Prerequisites
- Node.js 18+
Installation
First, add the marketplace
/plugin marketplace add Aboudjem/ui-ux-suite/plugin install ui-ux-suite@ui-ux-suiteContains 14 extensions
Skill (14)
Accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, touch targets
Color-only audit to extract, evaluate, and recommend improvements for the project's color system
Component consistency audit covering state coverage, hierarchy, patterns
Full project design audit that orchestrates all agents, scores across 12 dimensions, generates prioritized action plan
Interactive pre-launch design quality checklist
Compare current design against a reference or competitor
Quick design score card covering 12 dimensions, top 5 improvements, under 2 minutes
Generate or improve a complete design token system covering color, typography, spacing, radius, shadows, motion
User flow and navigation audit covering information architecture, onboarding, error states
Layout and spacing audit covering grid, spacing consistency, density, responsive behavior
Prioritized redesign action plan covering quick wins, medium effort, major rework
Visual style direction recommendation with current style analysis + top 3 directions with implementation guidance
Build light/dark theme from scratch or improve existing. Complete surface, text, and interactive color system
Typography-only audit covering font selection, type scale, readability, hierarchy, performance
Quality Score
VerifiedTrust Signals
Similar Extensions
Claude Hud
100Real-time statusline HUD for Claude Code - displays context usage, tool activity, agent tracking, and todo progress
UI/UX Design Plugin
99Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Accessibility Compliance
99WCAG accessibility auditing, compliance validation, UI testing for screen readers, keyboard navigation, and inclusive design
Agents Design Experience
99Agents for UI/UX design, accessibility, and user experience optimization
Ruflo Security Audit
99Security review, dependency scanning, policy gates, and CVE monitoring
Brand Landingpage
99Guides developers from brand discovery through iterative design to deployment-ready HTML via Stitch.