其他

blueprint-figure

rohitg00/ai-eng…-scratch

Draws static SVG figures for lessons, READMEs and manuals in the AI Engineering from Scratch look: paper panel, blueprint accent, nine figure kinds, fixed hue meanings, eight arrow styles, and checks for legibility and markup. Trigger phrases: "draw a figure", "blueprint figure", "sequence figure", "state machine figure", "figure for this lesson", "add a diagram to the manual".

  • 768 次安装
  • 7.6万 星标
  • 收录于

安装命令

npx skills add https://github.com/rohitg00/ai-engineering-from-scratch --skill blueprint-figure

SKILL.md

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