# Coco Diagram (agent skill)

> Coco Diagram is an agent skill (a SKILL.md file) from coco-research/coco. It is used for architecture, current-state, process, data-flow, medallion, or DP diagrams, including redrawing .drawio and Mermaid sources. It works with Claude Code, Codex, Cursor and GitHub Copilot and has 791 GitHub stars.

Use for architecture, current-state, process, data-flow, medallion, or DP diagrams, including redrawing .drawio and Mermaid sources. Creates branded flowchart, sequence, ER, org, timeline, and chart visuals as standalone HTML/SVG/PNG. Create visual diagrams as self-contained HTML files with inline SVG and CSS, following an opinionated editorial design system.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/coco-research/coco |
| Skill path | skills/coco-diagram/SKILL.md |
| Skill name | coco-diagram |
| GitHub stars | 791 |
| Installs on skills.sh | not listed |
| License | MIT |
| Skills in repo | 1 |
| Plugin marketplace | no |
| Official | no |
| Works with | Claude Code, Codex, Cursor, GitHub Copilot |
| Category | Data & analysis |
| Last commit | Oct 26, 2026 |

## When it triggers

- Use for architecture, current-state, process, data-flow, medallion, or DP diagrams, including redrawing .

## Add this skill

### Claude Code

```sh
git clone --depth 1 https://github.com/coco-research/coco.git
cp -r coco/skills/coco-diagram ~/.claude/skills/coco-diagram   # personal, or .claude/skills in a project
```

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/coco-research/coco.git
cp -r coco/skills/coco-diagram .agents/skills/coco-diagram   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/coco-research/coco.git
cp -r coco/skills/coco-diagram .cursor/skills/coco-diagram   # 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/coco-research-coco-diagram
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed daily.
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.