Loaded Mermaid

Mermaid Visualizer

real subagent output

Mermaid viewer modes
Same scenario handed to a subagent with the local mermaid-visualizer SKILL.md attached. Viewer syntax is normalized from the raw handoff.
Rendering diagram…
Mermaid Source60 lines
1flowchart TB2  brief["Feature brief: collaborative-plan-comments"] --> orchestrator["Orchestrator starts canonical PlanPack JSON"]3 4  orchestrator --> parallelStart{"Parallel discovery before consolidation"}5  parallelStart --> research["Research lane"]6  parallelStart --> ideas["Idea generation lane"]7  parallelStart --> constraints["Constraints and risk scan"]8 9  subgraph discovery["Parallel: explore before deciding"]10    research11    ideas12    constraints13  end14 15  research --> consolidate["Consolidate into one planned pipeline"]16  ideas --> consolidate17  constraints --> consolidate18 19  consolidate --> jsonPlan["PlanPack JSON updated"]20  jsonPlan --> viewer["Web viewer renders human-readable plan"]21  viewer --> humanPlan{"Human reviews plan sections"}22  humanPlan --> comments["Section comments"]23  humanPlan --> actions["Quick actions: approve, block, rescope, clarify"]24  comments --> exportBundle["Copy or export feedback bundle"]25  actions --> exportBundle26  exportBundle --> revise["Orchestrator imports feedback and revises JSON"]27 28  revise --> contract["Write validation contract and test design"]29  contract --> humanContract{"Human gate: scope and contract clear?"}30  humanContract -->|revise| revise31  humanContract -->|approve| buildStart{"Separate implementation and validation agents"}32 33  buildStart --> impl["Implementation agent builds feature from JSON plan"]34  buildStart --> valPrep["Validation agent prepares checks from contract only"]35  impl --> handoff["Implementation handoff"]36  valPrep --> validate["Independent validation agent verifies result"]37  handoff --> validate38 39  validate --> humanValidation{"Human review: validation evidence"}40  humanValidation -->|fail or rescope| revise41  humanValidation -->|pass| codeReview["Final code review"]42 43  codeReview --> outcome{"Review outcome"}44  outcome -->|block| revise45  outcome -->|mortem or process feedback| revise46  outcome -->|approve| ready["Ready for merge or release lane"]47 48  classDef source fill:#e7f5ff,stroke:#1971c2,color:#0b3558;49  classDef parallel fill:#e5dbff,stroke:#5f3dc4,color:#2b175e;50  classDef human fill:#fff4e6,stroke:#e67700,color:#5c3100;51  classDef work fill:#c5f6fa,stroke:#0c8599,color:#06424a;52  classDef feedback fill:#ffe3e3,stroke:#c92a2a,color:#5f1212;53  classDef done fill:#d3f9d8,stroke:#2f9e44,color:#0f3d1f;54 55  class brief,orchestrator,jsonPlan source;56  class parallelStart,research,ideas,constraints,discovery,buildStart parallel;57  class humanPlan,humanContract,humanValidation human;58  class consolidate,viewer,contract,impl,valPrep,handoff,validate,codeReview work;59  class comments,actions,exportBundle,revise,outcome feedback;60  class ready done;