图表可视化生成Skill visualize

这个技能用于从自然语言描述自动生成各种图表,如序列图、类图、ER图、流程图、C4图等,使用Mermaid或PlantUML工具。关键词:图表生成、自然语言处理、可视化、软件开发工具、架构设计。

架构设计 0 次安装 0 次浏览 更新于 3/11/2026

name: 可视化 description: 使用 Mermaid 或 PlantUML 从自然语言描述生成图表 argument-hint: <要图表的描述> allowed-tools: Task, Read, Write, Glob, Grep

可视化命令

从自然语言描述生成图表。

用法

/visualization:visualize <description>

例子

/visualization:visualize 一个显示用户认证流的序列图
/visualization:visualize 一个带有用户、帖子和评论的博客类图
/visualization:visualize 一个电子商务数据库的ER图
/visualization:visualize 一个带有错误处理的订单处理流程图
/visualization:visualize 一个微服务架构的C4上下文图

执行

委托给 visualization:diagram-generator 代理,使用以下提示:


任务: 基于用户的描述生成图表。

用户的请求: $ARGUMENTS

指令:

  1. 分析描述以确定适当的图表类型
  2. 根据需求选择 Mermaid(默认)或 PlantUML
  3. 生成语法正确的图表代码
  4. 在markdown代码块中内联返回图表

图表类型选择:

  • 系统间的交互/流程 → 序列图
  • 类/对象结构 → 类图
  • 数据库模式 → ER图
  • 状态转换 → 状态图
  • 过程/工作流 → 流程图
  • 架构概述 → C4图
  • 时间线 → 甘特图
  • Git工作流 → Git图

工具选择:

  • 默认使用 Mermaid(GitHub原生渲染)
  • 使用 PlantUML 于:
    • C4图(更好的支持)
    • 思维导图(Mermaid不支持)
    • JSON可视化(Mermaid不支持)
    • 当用户明确请求 PlantUML 时

输出格式: 在markdown代码块中返回图表:

  • 对于 Mermaid: ```mermaid
  • 对于 PlantUML: ```plantuml

包括一个简要解释:

  • 选择了什么图表类型以及为什么
  • 所做的任何假设
  • 自定义建议