Blueprint Figure

This skill draws one static SVG figure that explains one mechanism of a real system. The figure uses the real names from the system: ids, field names, method names, status codes and sequence numbers. It sits on a light paper panel and uses a small set of hues with fixed meanings. It stays readable at 640 units wide on screen and in print. Claude, Cursor, Codex, OpenClaw, Hermes, or any agent that reads SKILL.md can use it. The sibling skill course-style holds the full course tokens. This skill copies the tokens it needs, so it works alone.

When to use

• A lesson, README or manual needs a picture of how parts of a system talk, store data, or change state.
• You have a capture, a log, a spec or source code that gives the real names.
• The claim fits one of the nine kinds below.

When not to use

• The figure must move or respond to a slider. Use the sibling skill motion-figure.
• The subject is a physical machine explainer with depth and controls. Use the sibling skill isometric-explainer.
• The data is a chart of numbers over many points. Use a chart tool.
• You do not have real names for the parts. Get a capture or a source first.

Method