# diagram-design

> Create branded architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, t…

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, medallion, data flow, DP integration, DP security matrix, Sankey, fishbone, Wardley map, kanban, user journey, service blueprint, deployment, dependency graph, UML class, story map, or database schema diagrams as HTML/SVG/PNG, with .drawio, Mermaid, and .excalidraw import, plus lifecycle phase maps, block decomposition trees, and onboarding guidance.

- Type: Skill
- Made by: cathrynlavery
- Category: Design
- Formats: Skills
- Version: 2.6
- Source: https://github.com/cathrynlavery/diagram-design/tree/HEAD/skills/diagram-design
- Page: https://pluginboard.ai/skills/diagram-design-cathrynlavery

## Works with

- ChatGPT
- Claude
- Gemini
- GitHub Copilot
- Cursor
- Claude Code
- Codex
- Antigravity
- Gemini CLI
- Replit
- OpenClaw
- OpenCode
- Hermes Agent

## Install

### ChatGPT

In ChatGPT: Download the diagram-design folder and zip it, then Plugins → Skills → Create → Upload from your computer. Business and Enterprise plans.

View the folder on GitHub: https://github.com/cathrynlavery/diagram-design/tree/HEAD/skills/diagram-design

### Claude

In Claude (web or desktop): Download the diagram-design folder and zip the folder itself, then upload it in Customize → Skills.

View the folder on GitHub: https://github.com/cathrynlavery/diagram-design/tree/HEAD/skills/diagram-design

### Gemini

In Gemini: Download the diagram-design folder, then at gemini.google.com click Customize → Skills → Create → Upload and pick the folder (or a .zip of it).

View the folder on GitHub: https://github.com/cathrynlavery/diagram-design/tree/HEAD/skills/diagram-design

### GitHub Copilot

Run in your terminal:

```shell
npx -y degit cathrynlavery/diagram-design/skills/diagram-design ~/.copilot/skills/diagram-design
```

View the folder on GitHub: https://github.com/cathrynlavery/diagram-design/tree/HEAD/skills/diagram-design

### Cursor

Run in your terminal:

```shell
npx -y degit cathrynlavery/diagram-design/skills/diagram-design ~/.cursor/skills/diagram-design
```

View the folder on GitHub: https://github.com/cathrynlavery/diagram-design/tree/HEAD/skills/diagram-design

### Claude Code

Run in your terminal:

```shell
npx -y degit cathrynlavery/diagram-design/skills/diagram-design ~/.claude/skills/diagram-design
```

View the folder on GitHub: https://github.com/cathrynlavery/diagram-design/tree/HEAD/skills/diagram-design

Or all of Diagram Design, in Claude Code:

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

### Codex

Run in your terminal:

```shell
npx -y degit cathrynlavery/diagram-design/skills/diagram-design ~/.agents/skills/diagram-design
```

View the folder on GitHub: https://github.com/cathrynlavery/diagram-design/tree/HEAD/skills/diagram-design

### Antigravity

In Antigravity: Copy the diagram-design folder into ~/.gemini/config/skills (Antigravity app and IDE) or ~/.gemini/antigravity-cli/skills (Antigravity CLI).

View the folder on GitHub: https://github.com/cathrynlavery/diagram-design/tree/HEAD/skills/diagram-design

### Gemini CLI

Run in your terminal:

```shell
npx -y degit cathrynlavery/diagram-design/skills/diagram-design ~/.gemini/skills/diagram-design
```

View the folder on GitHub: https://github.com/cathrynlavery/diagram-design/tree/HEAD/skills/diagram-design

### Replit

Run in your terminal:

```shell
npx -y degit cathrynlavery/diagram-design/skills/diagram-design .agents/skills/diagram-design
```

View the folder on GitHub: https://github.com/cathrynlavery/diagram-design/tree/HEAD/skills/diagram-design

### OpenClaw

Run in your terminal:

```shell
npx -y degit cathrynlavery/diagram-design/skills/diagram-design ~/.openclaw/skills/diagram-design
```

View the folder on GitHub: https://github.com/cathrynlavery/diagram-design/tree/HEAD/skills/diagram-design

### OpenCode

Run in your terminal:

```shell
npx -y degit cathrynlavery/diagram-design/skills/diagram-design ~/.config/opencode/skills/diagram-design
```

View the folder on GitHub: https://github.com/cathrynlavery/diagram-design/tree/HEAD/skills/diagram-design

### Hermes Agent

Run in your terminal:

```shell
npx -y degit cathrynlavery/diagram-design/skills/diagram-design ~/.hermes/skills/diagram-design
```

View the folder on GitHub: https://github.com/cathrynlavery/diagram-design/tree/HEAD/skills/diagram-design

---
From Pluginboard (https://pluginboard.ai).