ui-ux-suite

Plugin ui-ux-suite in Aboudjem/ui-ux-suite. Commands read from the repo's manifest — 1 month ago.

Skills (14)

• a11y-audit

  Accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, and touch targets. Use when the user asks for an accessibility audit, an a11y review, a WCAG check, an accessibility check, or an a11y audit.

• color-audit

  Color-only audit that extracts, evaluates, and recommends improvements for the project's color system. Use when the user asks to audit colors, run a color review or color audit, fix their colors, or work on the color palette or color system.

• component-audit

  Component consistency audit covering state coverage, hierarchy, and patterns. Use when the user asks for a component audit, a component review, or a check of UI consistency.

• design-audit

  Full project design audit that orchestrates all agents, scores across 12 dimensions, and generates a prioritized action plan. Use when the user asks to audit their design, run a design review or UX audit, review their UI, or asks how their design looks.

• design-checklist

  Interactive pre-launch design quality checklist. Use when the user asks for a design checklist, a launch checklist, or a pre-launch design pass.

• design-compare

  Compare the current design against a reference product or competitor. Use when the user asks to compare designs, run a design compare, or benchmark against another product.

• design-score

  Quick design score card covering 12 dimensions with the top 5 improvements, in under 2 minutes. Use when the user asks for a design score, to score their design, to rate their UI, or for a quick audit.

• design-tokens

  Generate or improve a complete design token system covering color, typography, spacing, radius, shadows, and motion. Use when the user asks for design tokens, to generate tokens, or to build a token system.

• flow-audit

  User flow and navigation audit covering information architecture, onboarding, and error states. Use when the user asks for a flow audit, a navigation audit, an onboarding review, or help with a UX flow.

• layout-audit

  Layout and spacing audit covering grid, spacing consistency, density, and responsive behavior. Use when the user asks to audit the layout, run a layout audit or grid audit, review spacing, or fix their spacing.

• refactor-plan

  Prioritized redesign action plan covering quick wins, medium effort, and major rework. Use when the user asks for a refactor plan, a redesign plan, an improvement plan, or what they should fix first.

• style-direction

  Visual style direction recommendation with current style analysis plus the top 3 directions and implementation guidance. Use when the user asks for a style direction, a visual or design direction, or what style they should use.

• theme-builder

  Build a light/dark theme from scratch or improve an existing one, with a complete surface, text, and interactive color system. Use when the user asks to build or create a theme, use the theme builder, or set up a light and dark theme.

• type-audit

  Typography-only audit covering font selection, type scale, readability, hierarchy, and performance. Use when the user asks to audit typography, run a typography or type audit, review fonts, fix their fonts, or work on the type system.

Slash commands (5)

• /ui-ux-suite:a11y

  Run an accessibility-only audit — focus indicators, skip links, alt text, prefers-reduced-motion, WCAG contrast. Scoped variant of /ui-ux-suite:audit.

• /ui-ux-suite:audit

  Run a full UI/UX design audit on the current project. Scores 12 dimensions and produces a markdown report with prioritized findings.

• /ui-ux-suite:colors

  Run a color-only design audit — contrast, near-duplicates, dark mode, semantic coverage. Scoped variant of /ui-ux-suite:audit.

• /ui-ux-suite:components

  Run a component-quality audit — state coverage, primitive consistency, cn()/CVA patterns. Scoped variant of /ui-ux-suite:audit.

• /ui-ux-suite:typography

  Run a typography-only audit — scale detection, font count, body size, line height, fluid type. Scoped variant of /ui-ux-suite:audit.

Subagents (12)

• accessibility-auditor

  Practical accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, and touch targets

• color-analyst

  Diagnose and improve project color systems. Covers contrast, harmony, semantics, dark mode, and palette generation

• component-reviewer

  Audit component quality, consistency, state coverage, and patterns

• design-auditor

  Master audit orchestrator. Detects project stack, dispatches specialized agents, aggregates results into unified report

• interaction-analyst

  Evaluate interaction patterns, motion design, microinteractions, and animation quality

• layout-analyst

  Diagnose layout, spacing, grid systems, density, and responsive behavior.

• performance-ux-analyst

  Evaluate perceived performance. Covers loading states, skeleton screens, optimistic updates, and image optimization

• platform-advisor

  Evaluate platform conventions. Covers browser vs mobile, iOS vs Android, and responsive strategy

• psychology-analyst

  Evaluate design through behavioral psychology. Covers cognitive load, hierarchy, trust, persuasion, and dark patterns

• typography-analyst

  Diagnose and improve typography systems. Covers font selection, type scale, readability, and performance

• ux-flow-analyst

  Analyze user flows, navigation, onboarding, information architecture, and error recovery

• visual-style-advisor

  Evaluate visual direction and recommend style improvements. 10 viable style directions with durability ratings

MCP servers (1)

• ui-ux-suite

  runs: npx ui-ux-suite --mcp

Similar plugins