brainstorming-designing
CommunityDesign ideas in small, validated sections.
System Documentation
What problem does it solve?
The DESIGNING phase provides a structured, iterative approach to product design by decomposing complex architectures and UI ideas into small, validated sections. It ensures trade-offs are surfaced and user feedback is captured before any implementation begins.
Core Features & Use Cases
- Propose 2-3 design approaches with clear trade-offs.
- Present each design section as a 200-300 word narrative and link it to visual diagrams.
- Validate each section with explicit user feedback before moving to the next.
- Create architecture and UI diagrams using Mermaid Collab to accompany design sections.
- Use Single-Item Mode to focus on a single design item and capture problem/goals, approach, success criteria, and decisions in a design doc.
Quick Start
Initiate the DESIGNING phase in a collab session, propose 2-3 design approaches with trade-offs, and present each design section as 200-300 words. For every section, obtain explicit user validation before proceeding, visualize the design with Mermaid Collab diagrams, and update the central design document accordingly.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: brainstorming-designing Download link: https://github.com/ben-mad-jlp/claude-mermaid-collab/archive/main.zip#brainstorming-designing Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.