AgentSkillsCN

visual-generate-web-diagram

生成自成一体的可视化 HTML 图表，并在浏览器中打开。当用户要求架构图、流程图、架构图、时间线、仪表盘，或任何应以页面形式呈现而非终端 ASCII 的技术可视化解释时使用。

SKILL.md
--- frontmatter
name: visual-generate-web-diagram
description: Generate a self-contained visual HTML diagram and open it in the browser. Use when the user asks for architecture diagrams, flowcharts, schemas, timelines, dashboards, or any technical visual explanation that should be rendered as a page instead of terminal ASCII.

Generate Web Diagram

Use the visual-explainer prompt template for one-shot diagram generation.

Workflow

  1. •Read and follow ../visual-explainer/prompts/generate-web-diagram.md.
  2. •Substitute the user request into the template input context.
  3. •Execute the full visual-explainer workflow from that prompt, including reference/template reads.
  4. •Write output to ~/.agent/diagrams/, open it in the browser, and report the file path.