cathrynlavery

Export Diagram — Design skill for Claude Code

Design community

Export a diagram-design HTML file to .svg and .png next to the source.

How to install Export Diagram

Installs to ~/.claude/skills/cathrynlavery-diagram-design-export-diagram/SKILL.md

Terminal

mkdir -p ~/.claude/skills/cathrynlavery-diagram-design-export-diagram && curl -fsSL https://raw.githubusercontent.com/cathrynlavery/diagram-design/HEAD/commands/export-diagram.md -o ~/.claude/skills/cathrynlavery-diagram-design-export-diagram/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Export Diagram does

description: Export a diagram-design HTML file to .svg and .png next to the source argument-hint: [--svg-only|--png-only] [--scale=N] [--output=] allowed-tools:

Read
Write
Edit
Bash
Glob

Export the diagram HTML at `$1` to `.svg` and/or `.png`, following the procedure documented in [`skills/diagram-design/references/export.md`](../skills/diagram-design/references/export.md). Treat that reference as the source of truth — don't reimplement the logic he

Alternatives in Design

Canvas Design — Create beautiful visual art in PNG and PDF documents using design philosophy 94.1k ★
Weather Orchestrator Command — Fetch the current temperature for Dubai, UAE and create a visual SVG weather card 20.2k ★
CloudCLI — 8,400+ Free open-source web/mobile UI for Claude Code, Cursor CLI, and Codex 8.7k ★