Getting it into your agent
This one installs as part of its plugin. Adding the marketplace and installing the plugin brings it with everything else the plugin ships.
/plugin marketplace add ondrej-svec/heart-of-gold-toolkit/plugin install babel-fishWrote 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.
[](https://agentmods.dev/skills/ondrej-svec/heart-of-gold-toolkit/visualize)<a href="https://agentmods.dev/skills/ondrej-svec/heart-of-gold-toolkit/visualize"><img src="https://agentmods.dev/badge/skills/ondrej-svec/heart-of-gold-toolkit/visualize/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.
<a href="https://agentmods.dev/skills/ondrej-svec/heart-of-gold-toolkit/visualize"><img src="https://agentmods.dev/badge/skills/ondrej-svec/heart-of-gold-toolkit/visualize.svg" alt="Reviewed on agentmods" width="80" height="20"></a>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.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00075 | $0.04133 |
| Opus 5 | $0.00037 | $0.02067 |
| Sonnet 5 | $0.00015 | $0.00827 |
| Haiku 4.5 | $0.00007 | $0.00413 |
Grade B, and why
visualize scanned grade B with 1 finding 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 11d ago.
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.
Reads agent configuration directoriesmediumAgent snooping
.claude/, .codex/, .gemini/ hold keys, settings and other credentials a mod has no legitimate need for.
SCRIPT=$(find ~/.claude/plugins -path "*/babel-fish/skills/visualize/scripts/smart-render.js" 2>/dev/null | head -1) How it starts
The opening of the file, as written. The whole thing — 532 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Visualize — Babel Fish
Translating structured text into spatial understanding. The job is not to "turn markdown into HTML." The job is to create a visual artifact that helps a human understand the material faster.
Mission
Create one clear, polished, shareable visual artifact that:
- matches the user's actual need
- feels intentionally designed, not markdown restyled in boxes
- is authored deliberately by the coding agent whenever possible
- summarizes before detailing
- uses browser HTML as the primary medium for substantial artifacts
- falls back to terminal rendering only when that is the better fit
Boundaries
- MAY: read files, generate terminal mind maps, generate temporary HTML artifacts, run renderer/share scripts via bash
- MAY NOT: modify project files, create persistent files outside temp/output artifacts, install unrelated packages
Core Principle
Do not mirror the source document structure one-to-one unless the user explicitly wants a document view.
The coding agent should be the author of the visual artifact. The renderer is a finisher/fallback, not the brain.
Instead:
- understand the source
- decide what the artifact is trying to communicate
- choose the visual form that best serves that goal
- author the HTML artifact directly when practical
- use toolkit renderers only as helpers or fallback paths
- keep raw/source detail secondary or collapsible when possible
HTML should feel like:
- a dashboard
- an explainer
- a roadmap
- an architecture brief
- a deliberate mind map
Not like:
- a markdown page with nicer CSS
Artifact Families
These are guidance categories for the coding agent. They are not rigid parser outputs.
outline
Use when the user wants:
- document structure
- a reading aid
- a faithful but polished source-oriented view
- a safe fallback when a richer artifact is not justified
roadmap
Use when the source is best understood as:
- phases
- priorities
- sequencing
- workstreams
- execution flow
What ships with it
16 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.
- scripts/agent-artifact-template.html 16 KB
- scripts/new-authored-artifact.js 729 B runs code
- scripts/new-authored-artifact.sh 331 B runs code
- scripts/publish-authored-html.js 3.1 KB runs code
- scripts/publish-authored-html.sh 2.4 KB runs code
- scripts/render-and-share.sh 3.3 KB runs code
- scripts/render-mindmap/color.js 1.7 KB runs code
- scripts/render-mindmap/compact.js 2.3 KB runs code
- scripts/render-mindmap/grid.js 5.0 KB runs code
- scripts/render-mindmap/index.js 4.7 KB runs code
- scripts/render-mindmap/layout.js 6.4 KB runs code
- scripts/render-mindmap/package.json 313 B
- scripts/render-mindmap/parse.js 2.8 KB runs code
- scripts/render-mindmap/render.js 8.1 KB runs code
- scripts/render-mindmap/vertical.js 5.8 KB runs code
- scripts/smart-render.js 25 KB runs code
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.
- 11d ago First seen · 532 lines · 75 tokens per session scan B d798ec57a31d
visualize is a skill published in the GitHub repository ondrej-svec/heart-of-gold-toolkit (19 stars, last pushed 21d ago), licensed MIT. It adds 75 tokens to every session and 4,133 once invoked, about $0.0004 per session on Opus 5. A static security scan graded it B with 1 finding (reads agent configuration directories). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
html-ppt-zhangzara-retro-zine
A neighborhood zine on the disappearing corner shops — portraits, voices, and what a block loses when they close. Built as a decision-grade story deck for community, local readers.
html-ppt-zhangzara-studio
A photography studio's portfolio-and-rate deck — the signature work, the process, and the packages that win the brief. Built as a decision-grade design craft deck for prospective clients.
motion-frames
A single-frame motion-design composition with looping CSS animations — rotating type ring, animated globe, ticking timer, parallax labels. Renders as a hero video poster you can hand straight to HyperFrames or any keyframe-based exporter. Use when the brief asks for "motion design", "animated hero", "loop", "video…
webgl-halftone-drift
A self-contained WebGL2 hero: a flowing field screened through a rotated halftone dot grid into a duotone print aesthetic; move the cursor to bend the drift.
webgl-holographic-foil
A self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.
motion-graphics
A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third / callout / social overlay, animated map (highlight regions, connect places, zoom to a location), animated tweet / news-article / headline, webpage / UI…