# utility-mermaid-diagrams

> Teaches PMs to create syntactically valid mermaid diagrams by selecting the right diagram type for their communication…

Teaches PMs to create syntactically valid mermaid diagrams by selecting the right diagram type for their communication need, following syntax validity rules, and validating before shipping. Covers all 15 mermaid diagram types with PM-relevant examples and a dual-lens navigation system.

- Type: Skill
- Made by: product-on-purpose
- Category: Design
- Formats: Skills
- Version: 1.1.0
- Source: https://github.com/product-on-purpose/pm-skills/tree/HEAD/skills/utility-mermaid-diagrams
- Page: https://pluginboard.ai/skills/utility-mermaid-diagrams

## 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 utility-mermaid-diagrams folder and zip it, then Plugins → Skills → Create → Upload from your computer. Business and Enterprise plans.

View the folder on GitHub: https://github.com/product-on-purpose/pm-skills/tree/HEAD/skills/utility-mermaid-diagrams

### Claude

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

View the folder on GitHub: https://github.com/product-on-purpose/pm-skills/tree/HEAD/skills/utility-mermaid-diagrams

### Gemini

In Gemini: Download the utility-mermaid-diagrams 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/product-on-purpose/pm-skills/tree/HEAD/skills/utility-mermaid-diagrams

### GitHub Copilot

Run in your terminal:

```shell
npx -y degit product-on-purpose/pm-skills/skills/utility-mermaid-diagrams ~/.copilot/skills/utility-mermaid-diagrams
```

View the folder on GitHub: https://github.com/product-on-purpose/pm-skills/tree/HEAD/skills/utility-mermaid-diagrams

### Cursor

Run in your terminal:

```shell
npx -y degit product-on-purpose/pm-skills/skills/utility-mermaid-diagrams ~/.cursor/skills/utility-mermaid-diagrams
```

View the folder on GitHub: https://github.com/product-on-purpose/pm-skills/tree/HEAD/skills/utility-mermaid-diagrams

### Claude Code

Run in your terminal:

```shell
npx -y degit product-on-purpose/pm-skills/skills/utility-mermaid-diagrams ~/.claude/skills/utility-mermaid-diagrams
```

View the folder on GitHub: https://github.com/product-on-purpose/pm-skills/tree/HEAD/skills/utility-mermaid-diagrams

Or all of PM-Skills, in Claude Code:

```text
/plugin marketplace add product-on-purpose/pm-skills
/plugin install pm-skills@pm-skills-marketplace
```

### Codex

Run in your terminal:

```shell
npx -y degit product-on-purpose/pm-skills/skills/utility-mermaid-diagrams ~/.agents/skills/utility-mermaid-diagrams
```

View the folder on GitHub: https://github.com/product-on-purpose/pm-skills/tree/HEAD/skills/utility-mermaid-diagrams

### Antigravity

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

View the folder on GitHub: https://github.com/product-on-purpose/pm-skills/tree/HEAD/skills/utility-mermaid-diagrams

### Gemini CLI

Run in your terminal:

```shell
npx -y degit product-on-purpose/pm-skills/skills/utility-mermaid-diagrams ~/.gemini/skills/utility-mermaid-diagrams
```

View the folder on GitHub: https://github.com/product-on-purpose/pm-skills/tree/HEAD/skills/utility-mermaid-diagrams

### Replit

Run in your terminal:

```shell
npx -y degit product-on-purpose/pm-skills/skills/utility-mermaid-diagrams .agents/skills/utility-mermaid-diagrams
```

View the folder on GitHub: https://github.com/product-on-purpose/pm-skills/tree/HEAD/skills/utility-mermaid-diagrams

### OpenClaw

Run in your terminal:

```shell
npx -y degit product-on-purpose/pm-skills/skills/utility-mermaid-diagrams ~/.openclaw/skills/utility-mermaid-diagrams
```

View the folder on GitHub: https://github.com/product-on-purpose/pm-skills/tree/HEAD/skills/utility-mermaid-diagrams

### OpenCode

Run in your terminal:

```shell
npx -y degit product-on-purpose/pm-skills/skills/utility-mermaid-diagrams ~/.config/opencode/skills/utility-mermaid-diagrams
```

View the folder on GitHub: https://github.com/product-on-purpose/pm-skills/tree/HEAD/skills/utility-mermaid-diagrams

### Hermes Agent

Run in your terminal:

```shell
npx -y degit product-on-purpose/pm-skills/skills/utility-mermaid-diagrams ~/.hermes/skills/utility-mermaid-diagrams
```

View the folder on GitHub: https://github.com/product-on-purpose/pm-skills/tree/HEAD/skills/utility-mermaid-diagrams

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