Agent skill

Pi Visual Map Maker

by Pr1p in Pr1p/pi-runbook

Create and maintain consistent hand-drawn architecture visuals for pi-runbook.

No licenceAuto-check passedDevelopment

Install Pi Visual Map Maker

skills CLI
$ npx skills add Pr1p/pi-runbook --skill pi-visual-map-maker -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install Pr1p/pi-runbook pi-visual-map-maker --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/Pr1p/pi-runbook.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/pi-visual-map-maker .claude/skills/pi-visual-map-maker && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
pi-visual-map-maker
GitHub stars
143
Token cost
~1.4k tokens
SKILL.md length
608 words
Files
2
Skills in repo
2
Repo updated
First seen
Licence
None found

At a glance

Create and maintain consistent hand-drawn architecture visuals for pi-runbook.

  • Works in 6 steps: Identify diagram candidates. → Ground the diagram. → Generate the image. → …
  • Replacing Mermaid architecture diagrams with polished PNG/SVG-style explanatory maps
  • SKILL.md covers Overview, When to draw, Visual language and Workflow, plus 2 more sections
  • Calls git

What it does

Pi Visual Map Maker is an agent skill from Pr1p/pi-runbook. Create and maintain consistent hand-drawn architecture visuals for pi-runbook. Use when replacing Mermaid architecture diagrams with polished PNG/SVG-style explanatory maps, adding chapter header diagrams, auditing visual consistency, inserting generated assets into docs, or planning which Pi runtime/package/session/tool/protocol/evals diagrams should become visual maps.

Its SKILL.md is about 1.4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).

It sits in Development, covering Diagrams and Runbooks and postmortems. It works with Mermaid. The repository describes itself as: Source-reading field guide for Pi Agent Harness: architecture notes, design breakdowns, and experiments.

When your agent uses it

  • Replacing Mermaid architecture diagrams with polished PNG/SVG-style explanatory maps
  • Adding chapter header diagrams
  • Auditing visual consistency
  • Inserting generated assets into docs

Example prompts

  • “/pi-visual-map-maker”

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. Identify diagram candidates.
  2. Ground the diagram.
  3. Generate the image.
  4. Install the asset.
  5. Keep text maintainable.
  6. Validate before committing.

What it can do on your machine

Read from SKILL.md and the folder at commit c2e404f. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • git

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Pi Visual Map Maker loads about 1.4k tokens when it runs. Until then it costs about 98 tokens; SKILL.md has 608 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~98
When it runs · the whole SKILL.md, loaded when a task matches
~1.4k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 608 words (~1,412 tokens).

“Use this skill to make pi-runbook diagrams feel like a coherent field guide: source-grounded, hand-drawn, readable, and visually consistent. It is for architecture and boundary maps, not every small flowchart.”

— opening of SKILL.md by Pr1p
name
pi-visual-map-maker

Read the full SKILL.md on GitHub

Files

SKILL.md and 1 other file in .agents/skills/pi-visual-map-maker of Pr1p/pi-runbook.

  • SKILL.md
  • agents/openai.yaml

Open the folder on GitHubat commit c2e404f

Compare with similar skills

Pi Visual Map Maker next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Pi Visual Map Maker compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Pi Visual Map Maker this skillPr1p/pi-runbook143—~1.4kAutomated safety check: PassNone
Audit Flowzebbern/claude-code-guide4.7k—~4.2kAutomated safety check: PassMIT
Archifymolvqingtai/WebChat2.6k—~5.6kAutomated safety check: PassMIT
Explainermizchi/explainer421—~2.3kAutomated safety check: PassMIT
Drawio Skillyuanchen-home/cumcm-step-review319—~11kAutomated safety check: PassMIT
Docs CIjh941213/my-cc-harness126—~989Automated safety check: NotesNone

Similar skills

  • Audit Flow

    zebbern/claude-code-guide

    Interactive system flow tracing across CODE, API, AUTH, DATA, NETWORK layers with SQLite persistence and Mermaid export.

    4.7k GitHub stars~4.2k tokensUpdated today
    DevelopmentAuto-check passed
  • Archify

    molvqingtai/WebChat

    Create professional architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as standalone HTML files with SVG graphics, a built-in dark/light theme toggle, and one-click export to…

    2.6k GitHub stars~5.6k tokensUpdated 24 days ago
    DevelopmentAuto-check passed
  • Explainer

    mizchi/explainer

    特定の読み手に向けて、概念・PR・設計を「冗長にならない水準」の速習資料として説明し、図と主張を道具で検証する。読み手のペルソナ(既に知っていること・知らないこと・読み方)を質問と公開情報から作り、その差分だけを書く。図は Mermaid / D2 で描いて事実シートに照らし、本文に引用するコード・出力は再実行して照合し、HTML は vlmkit のゲートに通す。Use when the…

    421 GitHub stars~2.3k tokensUpdated yesterday
    DevelopmentAuto-check passed
  • Drawio Skill

    yuanchen-home/cumcm-step-review

    A skill your agent uses when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, SysML / MBSE diagrams (block definition, internal block…

    319 GitHub stars~11k tokensUpdated 1 mo ago
    DevelopmentAuto-check passed
  • Docs CI

    jh941213/my-cc-harness

    Scaffold a docs-as-code CI/CD pipeline + docs drift detection — link check, OpenAPI lint/breaking gate, mermaid validation, docs freshness check, CHANGELOG automation, docs.yaml manifest.

    126 GitHub stars~989 tokensUpdated 2 mo ago
    DevelopmentAuto-check: notes
  • Drawio MCP Diagramming

    thomast1906/github-copilot-agent-skills

    Create and edit diagrams using the Draw.io MCP server — any shape, any vendor.

    202 GitHub stars~6.6k tokensUpdated today
    DevelopmentAuto-check passed

More from Pr1p/pi-runbook

  • Pi Runbook Writer

    Pr1p/pi-runbook

    A skill your agent uses when creating, editing, or polishing pi-runbook content: README/index pages, docs, journal notes, experiments, bilingual documentation, source-reading summaries…

    143 GitHub stars~796 tokensUpdated 1 mo ago
    Auto-check passed

Works with

Questions about Pi Visual Map Maker

What does Pi Visual Map Maker do?

Create and maintain consistent hand-drawn architecture visuals for pi-runbook. Pi Visual Map Maker is an agent skill from Pr1p/pi-runbook. Create and maintain consistent hand-drawn architecture visuals for pi-runbook.

When should I use Pi Visual Map Maker?

Pi Visual Map Maker fits situations like: replacing Mermaid architecture diagrams with polished PNG/SVG-style explanatory maps; adding chapter header diagrams; auditing visual consistency; inserting generated assets into docs.

How do I install Pi Visual Map Maker in Claude Code?

Run `npx skills add Pr1p/pi-runbook --skill pi-visual-map-maker -a claude-code`. Or copy the skill folder (.agents/skills/pi-visual-map-maker in Pr1p/pi-runbook) into .claude/skills/pi-visual-map-maker in your project. Claude Code loads it when a task matches its description.

How do I install Pi Visual Map Maker in Codex?

Run `npx skills add Pr1p/pi-runbook --skill pi-visual-map-maker -a codex`. Or copy the skill folder (.agents/skills/pi-visual-map-maker in Pr1p/pi-runbook) into .agents/skills/pi-visual-map-maker in your project. Codex loads it when a task matches its description.

Can I use Pi Visual Map Maker in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Pr1p/pi-runbook --skill pi-visual-map-maker -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/pi-visual-map-maker, .gemini/skills/pi-visual-map-maker, .github/skills/pi-visual-map-maker and .opencode/skills/pi-visual-map-maker in your project.

What does Pi Visual Map Maker need to run?

Going by SKILL.md and its folder, Pi Visual Map Maker needs the command-line tools its instructions call (git).

Does Pi Visual Map Maker access the network?

SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Pi Visual Map Maker safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Pi Visual Map Maker use?

No licence was found for Pi Visual Map Maker or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Pi Visual Map Maker use?

About 1.4k tokens (SKILL.md is roughly 5.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Pi Visual Map Maker?

Skills that share tags, products or a category with Pi Visual Map Maker: Audit Flow (zebbern/claude-code-guide, 4.7k stars), Archify (molvqingtai/WebChat, 2.6k stars), Explainer (mizchi/explainer, 421 stars) and Drawio Skill (yuanchen-home/cumcm-step-review, 319 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Pi Visual Map Maker?

Pr1p (a GitHub user) maintains it in Pr1p/pi-runbook, which has 143 GitHub stars. The repository holds 2 skills in this directory. The repository was last updated on August 20, 2026.

Source: Pr1p/pi-runbook on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.