diagram-design

75 / 100 · Review before installing

Check before installing.

By davesnx/setup (GitHub) · design · 12 stars · scanned at commit 2ad2d50

Create branded HTML/SVG/PNG diagrams such as architecture, flowchart, sequence, ER, and Gantt; redraw draw.io or Mermaid sources; or apply website branding and saved profiles.

Works with any agent that supports SKILL.md skills.

What this skill can do

Downloads and installs other software

The author does not mention this.

Found in 2 places.

agents/skills/diagram-design/references/doctor.md, line 42- `pip install playwright && playwright install chromium`
agents/skills/diagram-design/references/doctor.md, line 117- Install PNG export dependencies: pip install playwright && playwright install chromium

Changes files outside its own folder

The author does not mention this.

Found in 2 places.

agents/skills/diagram-design/references/profiles.md, line 573. **Bash:** create the library with `mkdir -p ~/.diagram-design/profiles`.
agents/skills/diagram-design/references/profiles.md, line 1285. **Bash:** run `mkdir -p ~/.diagram-design/profiles`. If the directory cannot be created or written, report the failure and offer to paste/save the full profi

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'diagram-design' ] || [ -L ~/.agents/skills/'diagram-design' ]; then echo 'A skill folder named diagram-design already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/davesnx/setup' "$d" && git -C "$d" checkout --quiet '2ad2d50daeb231ee4da23fb81bf178c27c9518a0' -- 'agents/skills/diagram-design' && mkdir -p ~/.agents/skills && cp -R "$d"/'agents/skills/diagram-design' ~/.agents/skills/'diagram-design' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'diagram-design' ~/.claude/skills/'diagram-design' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for davesnx/setup shows the score of its lowest-scoring skill.

SkillTrust badge for davesnx/setup

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/davesnx/setup.svg)](https://zalavijaysinh.github.io/skilltrust/repos/davesnx/setup/)

Score history

Date	Version	Score
2026-11-12	`2ad2d50`	75