Loaded Mermaid

Beautiful Mermaid

real subagent output

Mermaid viewer modes
Same scenario handed to a subagent with the local beautiful-mermaid SKILL.md attached. Viewer syntax is normalized from the raw handoff.
Rendering diagram…
Mermaid Source45 lines
1flowchart TD2  O["Orchestrator drafts JSON PlanPack"] --> V["Web viewer renders readable plan"]3  V --> H{{Human review of plan sections}}4  H --> C["Section comments and quick actions"]5  C --> X["Copy or export feedback bundle"]6  X --> U["Orchestrator updates JSON plan"]7 8  U --> D{Pre-consolidation parallel lanes}9 10  subgraph P[Parallel: explore before deciding]11    R[Research]12    I["Idea generation"]13    Q["Risk and constraint scan"]14  end15 16  D --> R17  D --> I18  D --> Q19 20  R --> K["Consolidate single planned pipeline"]21  I --> K22  Q --> K23 24  K --> T["Write validation contract and test design"]25  T --> HR{{Human review of contract and plan}}26 27  HR --> A{Build lanes}28 29  subgraph B[Separate agents]30    IA["Implementation agent builds feature"]31    VA["Validation agent prepares checks from contract"]32  end33 34  A --> IA35  A --> VA36 37  IA --> M["Candidate implementation"]38  VA --> W["Validation harness ready"]39  M --> Z["Validation agent runs contract tests"]40  W --> Z41 42  Z --> CR{{Final code review}}43  CR -->|approved| DONE["Ready to ship"]44  CR -->|blocks| U45  CR -->|mortem or process feedback| U