Guides a structured UI/UX design workflow from initial concept exploration to a polished, shareable design brief.
Brainstorm to Brief is a comprehensive UI/UX workflow skill for Claude Code that facilitates a systematic "wide-to-narrow" design process. It guides users through four distinct phases: defining product context, exploring multiple visual concepts through AI image generation, iterating on specific user story flows, and refining a final cohesive design brief. This skill is ideal for developers and product designers who need to bridge the gap between abstract ideas and concrete, documented design specifications with visual assets.
Key Features
01Automated generation of product overviews and user stories with Mermaid diagrams
02Built-in HTML templates for gallery viewing and sequential story flows
03Four-phase design methodology: Context, Explore, Iterate, and Refine
04Integration with AI image providers for visual screen exploration and wireflows
05Exportable design briefs featuring hero assets, personas, and app icons
061 GitHub stars
Use Cases
01Transforming a raw product idea into a structured design specification
02Rapidly generating and comparing multiple UI/UX layout variations using AI
03Creating polished, shareable design presentations for stakeholders and clients
