Menu
Mermaid diagram generation for architecture, flows, and scenarios
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
Mandatory baseline rules for any agent. Must be loaded before any work
Frontend design system practices: tokens, typography, color, layout, and component consistency.
Frontend UI/UX practices: flows, interaction states, accessibility-first UX, forms, and perceived performance.
Clean code execution rules for coding agents with verifiable quality gates.
Debugging requirements protocol from reproducible issue to verified fix and regression protection.
Requirement quality rules for coding tasks with traceable MUST/SHOULD and verifiable acceptance criteria.
| name | docs-diagram-gen |
| description | Mermaid diagram generation for architecture, flows, and scenarios |
<doc_description> Adds Mermaid diagrams to the target document. Visualizes component structure and key flows. Makes complex relationships and scenarios easier to review. </doc_description>
