# Diagram Design (agent skill)

> Diagram Design is an agent skill (a SKILL.md file) from cathrynlavery/diagram-design. Create branded architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar chart (polar/radial lollipop). It works with Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode and has 44,165 GitHub stars.

Create branded architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar chart (polar/radial lollipop), loop/flywheel, nested, tree, org chart, layer stack, exploded axonometric, axonometric plan, Venn, pyramid/funnel, treemap and marimekko, heatmap, bar and dumbbell, waterfall, line (slopegraph, ridgeline, streamgraph, bump), Gantt and scatter charts (bubble, beeswarm), high-level, process,…

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/cathrynlavery/diagram-design |
| Skill path | skills/diagram-design/SKILL.md |
| Skill name | diagram-design |
| GitHub stars | 44,165 |
| Installs on skills.sh | not listed |
| License | MIT |
| Skills in repo | 1 |
| Plugin marketplace | diagram-design |
| Official | no |
| Works with | Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode |
| Category | Design & frontend |
| Last commit | Oct 6, 2026 |

## Add this skill

### Claude Code

```sh
/plugin marketplace add cathrynlavery/diagram-design
/plugin install diagram-design@diagram-design
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/cathrynlavery/diagram-design.git
cp -r diagram-design/skills/diagram-design .agents/skills/diagram-design   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/cathrynlavery/diagram-design.git
cp -r diagram-design/skills/diagram-design .cursor/skills/diagram-design   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/cathrynlavery-diagram-design
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.