Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add MithunWijayasiri/dotclaude --skill visualize-itgit clone --depth 1 https://github.com/MithunWijayasiri/dotclaudeWrote 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/mithunwijayasiri/dotclaude/visualize-it)<a href="https://agentmods.dev/skills/mithunwijayasiri/dotclaude/visualize-it"><img src="https://agentmods.dev/badge/skills/mithunwijayasiri/dotclaude/visualize-it/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/mithunwijayasiri/dotclaude/visualize-it"><img src="https://agentmods.dev/badge/skills/mithunwijayasiri/dotclaude/visualize-it.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.00046 | $0.00392 |
| Opus 5.5 | $0.00018 | $0.00157 |
| Sonnet 5.5 | $0.00009 | $0.00078 |
| Haiku 4.5 | $0.00005 | $0.00039 |
Grade A, and why
visualize-it 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 5d 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.
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.
What it actually says
Visualize It
Turn something hard to grasp from code, docs, or a chat reply into one visual page that makes it click.
Subject
- Argument given → visualize that.
- No argument → the topic currently under discussion (last response, code just read, problem being debugged).
- Subject unclear → ask before building.
Ground it
Read the real source first: code, docs, logs, the reply being explained. Names, numbers, steps, and order on the page come from the source — a wrong picture teaches the wrong model, and looks convincing. Something inferred, not verified → label it on the page.
Design
Format, layout, and content are your call per subject. Pick whatever explains it most simply: diagrams, flowcharts, sequence/state views, tables, charts, step-through or animated walkthroughs, interactive controls, side-by-side comparisons, worked examples. One clear idea beats many decorations; skip any section that adds no understanding.
Output
- Artifact tool available (Claude) → publish as a Claude artifact, following its design/skill guidance.
- Otherwise (Codex, VS Code, other harness) → write one self-contained file
./visualize-<slug>.htmlin the current working directory. Opens by double-click: no build step, no local server, CSS/JS inline. File already exists → ask before overwriting.
Done
Reply with the artifact link or file path, plus one line on what the page shows.
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.
- 5d ago First seen · 34 lines · 46 tokens per session scan A c9a4b205492e
visualize-it is a skill published in the GitHub repository MithunWijayasiri/dotclaude (4 stars, last pushed 6d ago), licensed MIT. It adds 46 tokens to every session and 392 once invoked, about $0.0002 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-16.
Other skills, from other repositories
explorer-interface-brief
Use when asked to design the interface for an interactive 3D explorer, plan a UI for exploring a 3D model of a topic, or write an image-model prompt for a 3D learning app mock-up. Produces, from a topic, the UI design brief (audience, layout, panels, interactions, label style, colour palette, accessibility) and an…
interactive-product-tour
Designing in-product tours, tooltips, and contextual help that teach product capabilities without becoming friction. Trigger logic, tour architecture, contextual placement, completion tracking. Honest about tooltip-spam (visual noise that users develop blindness to), one-and-done (help invisible at the moment of…
designer-ic-assessment
Facilitates a structured behavioral assessment interview for IC designer levels, incorporating AI fluency across competency areas. Use this skill when someone wants to run a designer self-assessment, a manager assessment of a designer, or set up an IC level calibration session. Trigger whenever someone mentions…
dengguang-zhaoming-bikeng-zhinan
A Chinese-language knowledge guide about home lighting, including ceiling lights, light strips, color temperature, color rendering, and room zoning.
huashu-speech-coach
Presentation and speaking coach. Based on Patrick Winston's (MIT AI Professor) How to Speak methodology — helps prepare for offline training sessions, tech talks, Bilibili tutorial videos, and other speaking scenarios. Use when the user mentions "presentation", "talk", "training", "lecture", "PPT presentation"…
icon-composer-app-icon-workflow
Design, preview, validate, and integrate Apple app icons with Icon Composer. Use when a task mentions Icon Composer, .icon documents, Liquid Glass app icons, ictool preview exports, app icon design for iOS, iPadOS, macOS, or watchOS, or guided Icon Composer GUI work through Computer Use.