
Diagram
- Updated May 30, 2026
- ZenUml/diagram
diagram is a Claude Code skill in the AI & Agent Building category. Generate, validate, and render Mermaid diagrams for Claude Code.
Key points
- diagram
- AI & Agent Building
- AI-coding skill
Diagram by the numbers
- Data as of Jul 7, 2026 (Skillselion catalog sync)
/plugin marketplace add ZenUml/diagram/plugin install diagram@diagramAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Last updated | May 30, 2026 |
|---|---|
| Repository | ZenUml/diagram ↗ |
What it does
Generate, validate, and render Mermaid diagrams for Claude Code.
README.md
diagram plugin
This directory is the shared installable plugin root used by the Codex and Claude Code marketplace flows.
Codex reads .codex.mcp.json through .codex-plugin/plugin.json; Claude Code reads .mcp.json through .claude-plugin/plugin.json.
Local test flow
Build the runtime:
git clone https://github.com/zenuml/diagram.git cd diagram pnpm install pnpm packageFor Codex, make sure plugin support is enabled in your Codex config:
[features] plugins = trueStart or restart Codex in this repo:
codex -C .Run
/pluginsinside Codex CLI, then installdiagramfrom the list.If the install does not refresh immediately, start a fresh Codex session:
codex -C .If Codex still starts an older installed copy, clear the local plugin cache and reinstall:
pnpm reset:codex-plugin-cache codex -C .
For Claude Code, add the repository marketplace with claude plugin marketplace add ./, then install diagram@diagram.
The plugin should then contribute the Diagramly.ai MCP tools, the packaged local draw CLI, and the draw skill.