with one click
diagrams-stage
Generate one Mermaid diagram plus concise commentary.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Menu
Generate one Mermaid diagram plus concise commentary.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Format responses in plain Markdown using simple headings, bullets, and fenced code blocks.
Prefer purpose-built filesystem and text tools over shell, batch independent calls, and use safe edit locators.
Use attached and local context first, separate observed facts from inferred conclusions, and cite source paths.
Implementation plan and snippets for the specified React stack.
Scaffold idiomatic table-driven tests for a given function.
Turn goals, market or user research, constraints, and stakeholder input into a PRD, MRD, or product requirements artifact with testable requirements and acceptance criteria. Source-grounded; flags assumptions and missing inputs explicitly.
| name | diagrams-stage |
| description | Generate one Mermaid diagram plus concise commentary. |
| insert | user-message |
| arguments | [{"name":"diagramScope","description":"scope of the diagram e.g., - service, module, state-machine, deployment, sequence"},{"name":"scenario","description":"scenario for the diagram"},{"name":"detailLevel","description":"diagram details levels e.g., 2 as default"}] |
Return exactly one Mermaid fenced block followed by <= 3 bullets
First line inside the block is %% {{scenario}}
Diagram type must suit {{diagramScope}}
Emphasize critical paths using stroke="orange"
Diagram scope={{diagramScope}}
Scenario="{{Scenario}}"
DetailLevel="{{detailLevel}}