What problem does it solve?
This Skill generates a comprehensive UI Component Design (UCD) style guide, complete with text-to-image prompts, ensuring visual consistency across all UI features based on an approved Software Requirements Specification (SRS).
Core Features & Use Cases
- Visual Style Definition: Proposes and refines visual style options (color, typography, layout).
- Component & Page Prompts: Creates detailed text-to-image prompts for individual UI components and entire pages.
- Style Token Generation: Defines concrete design tokens (color palette, typography scale, spacing).
- Use Case: After an SRS for a new web application is approved, this Skill will generate a UCD document that guides the UI/UX designers and frontend developers, ensuring all screens and components adhere to a unified aesthetic, from buttons and forms to entire dashboards.
Quick Start
Use the long-task-ucd skill to generate a UI Component Design style guide based on the approved SRS document.