菜单
Mermaid diagram generation for architecture, flows, and scenarios
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
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>
