paldom/diagram-skills

7 skills64 total installsGithubGithubGitHub

Start here

One command from a title to a reviewed visual: /illustrate briefs the idea, routes it to Mermaid or a slide-like SVG, draws it in a subagent, and reviews the result.

Brief and route

Turns a title, notes, or a hot take into a one-page brief with the single takeaway and the format that the destination can actually show.

Diagrams-as-code

Mermaid and DOT that render on the first try and still read as a diagram: pinned config, quoted labels, a node cap, lint, validate, render.

Slide-like illustrations

Social cards, article heroes, and slide visuals compiled from a small JSON spec onto a fixed grid, so the model never places a coordinate.

Design system

One design-system.md styles every diagram, card, icon and animation; derive it from a moodboard, switch themes, and check contrast.

Animation

Turns a finished diagram into an explainer GIF, MP4, or animated SVG: reveal in reading order, connectors that draw, and a camera pan for pipelines.

Review

Deterministic lints, a feed-size render, and an analyze-then-judge checklist that returns PASS, FIX, or REDRAW instead of a vibe.