Back to skills directory

Diagram Generator

Recommended

图表生成技能,将文字描述转化为 Mermaid、PlantUML 与 Excalidraw 流程图、架构图与时序图。

Diagram Generator is an Agent skill for Data & Visualization. 图表生成技能,将文字描述转化为 Mermaid、PlantUML 与 Excalidraw 流程图、架构图与时序图。 Tags: 图表 · diagram · Mermaid · 流程图 · flowchart · 架构图.

Data & Visualization134.0k installsAuthor: obraVisit

What is Diagram Generator

Diagram Generator packages a Data & Visualization workflow for agents. 图表生成技能,将文字描述转化为 Mermaid、PlantUML 与 Excalidraw 流程图、架构图与时序图。

Install Diagram Generator in Cursor / Claude / Codex

Claude Code Install with the command on this page, or place the skill in ~/.claude/skills or project .claude/skills so Claude can detect Diagram Generator.

Cursor After the install command writes the skill directory, invoke Diagram Generator by name in the Cursor agent.

Codex Install into the Codex skills directory and call it by name. If only a generic command is listed, run it locally and confirm Codex can see the skill.

One-click Install

Run the following command in your terminal to install the skill into your AI agent:

npx skillsadd obra/superpowers

How to Use

Claude Code: Place the skill in ~/.claude/skills (personal) or the project .claude/skills directory, and Claude will auto-detect it.

Cursor / Windsurf: After installing via npx skillsadd, the skill directory is placed in the configured path.

Codex CLI: After installation it loads automatically from the skills directory and is invoked by name.

Tags

图表diagramMermaid流程图flowchart架构图architecturePlantUML

Similar recommendations

FAQ

What is Diagram Generator for?

Diagram Generator is a Data & Visualization skill. 图表生成技能,将文字描述转化为 Mermaid、PlantUML 与 Excalidraw 流程图、架构图与时序图。

Can Claude, Cursor, and Codex all use Diagram Generator?

Yes if the client supports Agent Skills and has loaded the skill directory. Check the project home for compatibility notes.

What similar skills exist?

Related items come from the same Data & Visualization group so you can pick a closer workflow.