# Diagram Design

> Diagram design reference library (14 types — architecture, flowchart, sequence, state, ER, timeline, swimlane, quadrant, nested, tree, org chart, layers, venn, pyramid). In ppt-master this is consumed by the Executor when hand-authoring diagram-type SVG pages — it is NOT a standalone HTML generator here. Read for deep per-type layout conventions.

- Skill: `humanist96/diagram-design` (Agent Skill)
- Install (CLI): `npx skillmds@latest add humanist96/diagram-design`
- Raw SKILL.md: https://api.skillmd.com/api/skills/humanist96/diagram-design/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: humanist96 (https://skillmd.com/u/humanist96)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/humanist96/diagram-design

---


# diagram-design (Codex discovery stub)

This file is generated by `sync_codex_stubs.py` so Codex discovers the skill.
The authoritative skill lives in this repository at `.claude/skills/diagram-design/` — a single
source of truth shared by Claude Code and Codex. Do not hand-edit this stub;
edit the canonical tree, then re-run:

    python3 .claude/skills/ppt-master/scripts/sync_codex_stubs.py

On invocation:

1. Read `.claude/skills/diagram-design/SKILL.md` (repo-root relative) in full and execute it
   exactly as a runtime procedure.
2. Resolve paths: treat `${SKILL_DIR}` as `.claude/skills/diagram-design`. Bare relative paths
   mentioned inside the skill (`references/...`, `workflows/...`, `scripts/...`,
   `templates/...`) resolve against that directory — never against
   `.codex/skills/`.
3. Run all commands from the repository root. On Windows installs without
   `python3.exe`, rerun the same command with `python`.