ai-engineering-from-scratch: Skill for Claude Code

.claude/skills/blueprint-figure/SKILL.md

blueprint-figure is a skill for Claude Code from rohitg00/ai-engineering-from-scratch. It costs 88 tokens per session (2,624 once invoked), scanned A, original, MIT.

A guide for drawing static SVG diagrams that explain how a real system works. It supports nine diagram types, named system details, fixed colour meanings, and readability checks.

In plain words
What is it for?
Use it for figures in lessons, README files, and manuals, such as sequence diagrams and state-machine diagrams.
Why use it?
It helps turn source code, logs, specifications, or captures into a clear diagram without losing the system's real names or making unreadable markup.

Skill for Claude Code

Written for Claude Code: installed under .claude/. Also seen: mentions Codex; built for openclaw.

This is rohitg00/ai-engineering-from-scratch's own configuration. It tells Claude Code how to work on ai-engineering-from-scratch itself, so it is not a mod to install elsewhere. Copy it as a starting point and replace the rules that are about this project. Everything ai-engineering-from-scratch configures →

About the project

AI Engineering from Scratch is a free, open-source curriculum that teaches people to build AI systems through lessons and reusable artifacts such as prompts, skills, agents, and MCP servers. It is for learners who want practical foundations or want to create AI applications, and the catalogue skills support parts of that curriculum.

rohitg00/ai-engineering-from-scratch · 77,007 stars · on GitHub · aiengineeringfromscratch.com

Reuse

Borrowing it

Nothing to install: this file belongs to rohitg00/ai-engineering-from-scratch. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file
curl -O https://raw.githubusercontent.com/rohitg00/ai-engineering-from-scratch/main/.claude/skills/blueprint-figure/SKILL.md
Clone the repo
git clone --depth 1 https://github.com/rohitg00/ai-engineering-from-scratch

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for blueprint-figure

README.md
[![agentmods](https://agentmods.dev/badge/skills/rohitg00/ai-engineering-from-scratch/blueprint-figure/github.svg)](https://agentmods.dev/skills/rohitg00/ai-engineering-from-scratch/blueprint-figure)
Your own site
<a href="https://agentmods.dev/skills/rohitg00/ai-engineering-from-scratch/blueprint-figure"><img src="https://agentmods.dev/badge/skills/rohitg00/ai-engineering-from-scratch/blueprint-figure/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for blueprint-figure

Your own site · 80×15
<a href="https://agentmods.dev/skills/rohitg00/ai-engineering-from-scratch/blueprint-figure"><img src="https://agentmods.dev/badge/skills/rohitg00/ai-engineering-from-scratch/blueprint-figure.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 88 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 2,624 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • Socket pass 22 Oct 2026
  • Snyk pass 22 Oct 2026
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00088 $0.02624
Opus 5.5 $0.00035 $0.01050
Sonnet 5.5 $0.00018 $0.00525
Haiku 4.5 $0.00009 $0.00262

Measured 24d ago against content hash 7f67143d3952, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

blueprint-figure scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 24d ago.

The scan reads SKILL.md. This mod also ships 1 executable file (templates/figure.mjs), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.claude/skills/blueprint-figure/SKILL.md · 192 lines

How it starts

The opening of the file, as written. The whole thing — 192 lines — stays where its author put it; the contents beside it link to each section on GitHub.

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

  1. Write the claim first. One sentence, at most 28 words, that the figure proves.
  2. Pick one kind from the table below. If two kinds fit, draw two figures.
  3. Collect the real names from the source: parties, fields, methods, codes, sequence numbers.
  4. Write the hue table for the figure set before you draw (see "Colour").
  5. Sketch the layout on the 640-unit grid. Keep content between x 20 and x 620.
  6. Draw the figure with a script. Start from templates/figure.mjs. Do not edit the SVG by hand.
  7. Run the script. It stops on a label that is too small, too wide, or outside the figure.
  8. Run the checks in references/checks.md. Fix every finding.
  9. Render the SVG to PNG and look at it at 100% and at 50% width.
  10. Write the caption: the bold claim, how to read the figure, then the source.

Read the full file on GitHub · 192 lines

Files

What ships with it

4 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 24d ago First seen · 192 lines · 88 tokens per session scan A 7f67143d3952

Subscribe to this mod's changes

blueprint-figure is a skill published in the GitHub repository rohitg00/ai-engineering-from-scratch (77,007 stars, last pushed yesterday), licensed MIT. It adds 88 tokens to every session and 2,624 once invoked, about $0.0004 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-10-14.

Related

blueprint-figure compared with skills from other repositories

blueprint-figure next to 6 skills from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
blueprint-figurerohitg00/ai-engineering-from-scratchSkill77kyesterdayMITA88Claude Code
mermaid-diagramswpank/aiSkill128mo agononeA77Claude Code, Codex
show-mehumanlayer/humanlayerSkill13kyesterdayApache-2.0A25Claude Code
fireworks-tech-graphyizhiyanhua-ai/fireworks-tech-graphSkill12k16d agoMITA49Claude Code, Codex
architecture-diagrammateaix/mateclawSkill1.2kyesterdayApache-2.0A15Claude Code, Codex
deck-course-modulenexu-io/html-anythingSkill9.4k24d agoApache-2.0A25Claude Code, Codex
wcag-guideCommunity-Access/accessibility-agentsSkill4357d agoMITA20Claude Code, Codex