▥   README VISUAL KIT
v0.1 · Local-first · 简体中文
For projects worth understanding

Your README.
Now with a clear picture.

Show what it does, how it fits together, and where to start.
Three focused diagrams. Editable SVG. No API key.

01 / THE PARAGRAPH

Linklist reads one Markdown file from disk, extracts simple inline HTTP(S) links using a regular expression, deduplicates them with a Set, and prints a JSON array to standard output.

No network requests. Not a full CommonMark parser. Requires Node.js 22+.

Correct, but make the flow visible. →
02 / THE PICTURE · SCROLL TO EXPLORE
Linklist overview: read file, extract unique links, print JSON
Small examples. Complete outputs.

One workflow, three kinds of project.

Runnable fixtures built for this kit — not external customer endorsements.
Each includes all three diagrams, light/dark themes and source references.

One command. Ten portable files.

From the downloaded repository, with Node.js 22+. No npm install.

node scripts/cli.mjs render examples/cli/visuals.json --root examples/cli --out demo

Open demo/index.html. Keep the SVGs, edit the JSON, copy the README snippet.

Grounded, not guessed

Nodes cite real files and line ranges. The validator checks that references exist; humans still check meaning.

Your agent does the thinking

The included skill guides your existing agent. The renderer draws locally and never calls an AI API.

Keep control of your source

Review source excerpts before publishing. You can share only the SVGs and keep evidence private.