04 — Docs
Give your agent a drawing practice.
One skill, two workflows, and a shared visual grammar. Start with a clear relationship and finish with vectors you can edit.
Install the complete skill.
Download and unzip the package. Put the entire plotter folder in your agent’s skills directory, keeping its files together. Start a task with /plotter in Claude Code or $plotter in Codex.
Includes both workflows, seven visual references, the grammar, shared tokens, helpers, and examples. No coss checkout required.
Keep the folder intact
plotter/ SKILL.md ← your agent starts here references/ ← workflows and visual grammar assets/ ← shared tokens and examples scripts/ ← generation and static export agents/ ← skill discovery metadata
For Claude Code, use ~/.claude/skills/plotter/.
For Codex, the default destination is ~/.codex/skills/plotter/. If you use a custom CODEX_HOME, place it under that directory’s skills/ folder.
Start with one relationship.
Give your agent a subject, a placement, and an output format. Plotter supplies the construction references and drawing workflow. In Codex, start the brief with $plotter instead.
/plotter Illustrate agent registration: an identity, name, and tools become one registry record. Choose a bundled construction reference. Keep the forms transparent, the labels sparse, and the grid only if it explains the relationship. Deliver an editable 560 × 440 SVG and a self-contained export. Explain the main relationship and what you inspected.
Looking for a direction? Browse the illustrations, then use the visual grammar to choose supporting marks.
The kind of editable SVG this brief returns: paths and labels you can change.