一键导入
html-diagram
Create a self-contained HTML artifact focused on a high-quality SVG architecture or system diagram with minimal supporting prose.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Create a self-contained HTML artifact focused on a high-quality SVG architecture or system diagram with minimal supporting prose.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Run the canonical build plus all nine per-project test commands from docs/TESTING.md. Never uses solution-level dotnet test.
Create or re-baseline lean, repository-grounded implementation plans and persistent dev docs when users ask for an implementation plan, technical plan, feature plan, refactor plan, or dev-docs workstream.
Senior CTO review workflow for repository-grounded implementation-plan workstreams used before coding.
Apply project EF Core conventions for repositories, DbContext setup, query filters, migrations, and seeded lookup data.
Create a pragmatic self-contained HTML plan that organizes the user's plan content visually without expanding the scope unnecessarily.
Create a self-contained HTML artifact for reports, explainers, comparisons, prototypes, or decks when no narrower HTML diagram or plan skill applies.
| name | html-diagram |
| description | Create a self-contained HTML artifact focused on a high-quality SVG architecture or system diagram with minimal supporting prose. |
| type | workflow |
| enforcement | suggest |
| priority | low |
| disable-model-invocation | true |
Create one self-contained HTML file that makes an architecture, stack, or system behavior understandable through a high-quality SVG diagram. Favor clarity, spatial hierarchy, and interaction over prose volume.
html is the better fit.html-plan is the better fit.references/html-effectiveness/references/architecture-example.html:root and html.dark.Use for: "Create an HTML diagram of the request flow."
Avoid for: "Write a detailed Markdown architecture doc."