brainstorming-designing

Propose 2-3 design approaches with trade-offs and Mermaid diagrams.

Updated Jan 12, 2026
One-click install
npx skills add https://github.com/ben-mad-jlp/claude-mermaid-collab --skill brainstorming-designing
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: brainstorming-designing
Source: https://github.com/ben-mad-jlp/claude-mermaid-collab/tree/main/skills/brainstorming-designing
Command: npx skills add https://github.com/ben-mad-jlp/claude-mermaid-collab --skill brainstorming-designing

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about brainstorming-designing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I brainstorm architecture and UI design approaches with clear trade-offs?

To brainstorm architecture and UI design, propose 2-3 approaches with clear trade-offs, presenting each section as a 200-300 word narrative linked to visual diagrams for explicit user validation before proceeding.

Can I generate design diagrams during collaboration sessions using Mermaid?

Yes, you can generate architecture and UI diagrams using Mermaid Collab tools to accompany each design section, ensuring visual validation occurs before updating the central design document.

What is the best way to structure design documents for complex features?

The best way to structure design documents is decomposing complex features into small, validated sections, capturing problem, goals, approach, success criteria, and decisions using Single-Item Mode.

How do I enforce design completeness before implementation begins?

To enforce design completeness before implementation, apply completeness checks requiring explicit user validation for each 200-300 word design section and accompanying visual diagrams.

Does this structured design approach work for both data-flow and UI design?

Yes, this structured design approach applies to architecture, UI, and data-flow design during collaboration sessions, ensuring trade-offs are surfaced and user feedback is captured iteratively.

Why should I present design sections as 200-300 word narratives?

Presenting design sections as 200-300 word narratives ensures complex architectures are decomposed into small, validated sections, surfacing trade-offs and capturing user feedback before implementation begins.