team-uidesign

What problem does it solve?

This Skill turns a vague UI design request into a structured, role-based pipeline that produces design tokens, component specs, and implementation-ready build artifacts with quality audits.

Core Features & Use Cases

• Research to Tokens: conduct design-system analysis, component inventory, and accessibility baseline work, then translate findings into a W3C-aligned token system.
• Component Specs with Guardrails: generate component specifications covering all required interaction states, responsive behavior, and UX writing conventions.
• Critic-Reviewed Quality Audit + Iteration: run an 8-dimension audit (including anti-AI slop detection) and perform up to two GC fix rounds when issues are found.
• Implementation Output: produce production-ready token files and component code that consumes tokens only and validates accessibility constraints.

Quick Start

Run team-uidesign on your task by providing a description like: "Design and implement the button and input components for a SaaS settings page, following the project’s design standards and ensuring full accessibility and all 8 interaction states."