What problem does it solve?
Frontend teams often struggle with inconsistent UI patterns and fragmented design knowledge, leading to duplicated effort and slower delivery. This skill provides a structured approach to align design and implementation through design-system memory and actionable guidance.
Core Features & Use Cases
- Audience-first UI guidance: defines personas, outcomes, and tokens to guide frontend work.
- Design-system automation: yields reusable components, patterns, and tokens that cross projects.
- Implementation planning: delivers step-by-step tasks, layout suggestions, and review criteria for dashboards, admin panels, and marketing pages.
- Collaboration enablement: translates briefs into actionable briefs for designers and developers.
Quick Start
To start, provide a project brief or request a tailored UI plan, and the skill will return a ready-to-use implementation plan and pattern extraction.