design-flow

The 'design-flow' skill provides a structured and guided approach for managing the complete design-to-build workflow. It orchestrates multiple designer-focused skills in a sequential order, ensuring each phase of the project is addressed comprehensively. By guiding users through every stage from initial project clarification to frontend design, it solves the common problem of fragmented design processes and inconsistent outputs, making it easier to maintain alignment and continuity throughout a design project.

This skill offers several key capabilities. It initiates with a phase to clarify the designer's intentions and objectives, followed by the creation of a formal design brief. Subsequent phases define the information architecture, establish design tokens, convert the brief into actionable tasks, and culminate with the frontend design implementation. Each phase is executed thoroughly according to the respective skill's instructions, with summaries, outputs, and decisions confirmed before moving forward. Users have the flexibility to skip certain phases when appropriate, and the process accommodates interruptions, summarizing progress and pending phases for future continuation.

'Design-flow' is ideal for designers, product managers, or development teams looking to systematically approach new projects or features. It is especially useful for guiding less experienced designers through a structured workflow while maintaining professional standards. Typical use cases include running a full project from scratch, developing new features or dashboards, and ensuring all phases of design, documentation, and build planning are completed in a cohesive, repeatable manner.