uiux-toolkit_skill

Overview

This skill is a comprehensive UX/UI evaluation meta-skill that combines design theory and practical UX methodologies to produce repeatable, actionable audits. It covers visual design, usability heuristics, accessibility (WCAG 2.2), responsive behavior, interaction review, and design system consistency for web, mobile, and desktop. Use it to generate prioritized findings, severity-based remediation, and clear next steps for teams.

How this skill works

Select an audit scope (screens, flows, platform, WCAG level, focus areas) and one of the audit types (quick visual, quick A11Y, heuristic, full, or focused). The skill runs checklists mapped to nine domains—visual, heuristic, accessibility, flow, responsive, interactions, design system, content, and privacy—and outputs graded assessments with P0–P3 priorities, severity, effort estimates, and fixes. Deliverables follow a structured report format with strengths, critical items, and priority actions.

When to use it

• Before a release to catch usability and accessibility regressions
• During design reviews to validate hierarchy, typography, spacing, and Gestalt principles
• When auditing accessibility to meet WCAG 2.2 AA/AAA requirements
• To evaluate responsive behavior and touch/keyboard interactions across breakpoints
• When assessing or maturing a design system for token and component consistency

Best practices

• Define scope clearly: screens, key flows, platform, and WCAG target before starting
• Combine automated tools (axe, Lighthouse) with manual keyboard and screen reader checks
• Prioritize fixes by impact and frequency using the provided priority matrix
• Reference concrete pass/fail checklist items and estimate effort (Low/Med/High)
• Include short, actionable remediation with the violated principle and recommended pattern

Example use cases

• Full UX audit for a web app pre-launch with WCAG AA acceptance criteria
• Quick visual review of a marketing landing page to improve conversion and hierarchy
• Heuristic audit using Nielsen’s principles for a complex admin dashboard
• Accessibility triage to fix critical keyboard traps and color-contrast failures
• Design system audit to align tokens, component variants, and documentation