ui-ux-workflow

What problem does it solve?

This Skill addresses the challenge of producing a clear, bounded conceptual UI/UX output, including assessments, wireframes, and flow definitions, for one experience, workflow, or surface.

Core Features & Use Cases

• Conceptual UI/UX Assessment: Frame problems and summarize recommendations for the target surface.
• Low-Fi Wireframes: Sketch key regions, hierarchy, and primary actions for UI/UX design.
• Mid-Fi Design Drafts: Clarify content weight, hierarchy, and state intent.
• User Flow: Describe the main actor journey and alternate paths.
• Data Flow: Describe conceptual information movement.
• Operation Flow: Describe ordered operations or system interactions.
• State Transitions: Name important conceptual states and causes of movement.
• Prompt Export: Provide a reusable prompt for designers or reviewers.
• Thin Preview Handoff: Describe the handoff process and surfaces worth showing.
• Non-Expert Design Defaults: Apply defaults for theme principles, spacing, density, hierarchy, layout/navigation, and state rules.
• Minimal Intake Questions: Ask high-value questions before drafting.
• High-Value Review Rubric: Use a rubric to ensure the output is reviewable and conceptually sound.

Quick Start

Use the ui-ux-workflow skill to generate a UI/UX assessment for a new product feature.