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 kensaurus/cursor-kenji --skill data-visualizationgit clone --depth 1 https://github.com/kensaurus/cursor-kenjiWrote 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/kensaurus/cursor-kenji/data-visualization)<a href="https://agentmods.dev/skills/kensaurus/cursor-kenji/data-visualization"><img src="https://agentmods.dev/badge/skills/kensaurus/cursor-kenji/data-visualization/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/kensaurus/cursor-kenji/data-visualization"><img src="https://agentmods.dev/badge/skills/kensaurus/cursor-kenji/data-visualization.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
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.00066 | $0.03220 |
| Opus 5 | $0.00033 | $0.01610 |
| Sonnet 5 | $0.00013 | $0.00644 |
| Haiku 4.5 | $0.00007 | $0.00322 |
Grade A, and why
data-visualization 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.
How it starts
The opening of the file, as written. The whole thing — 489 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Data Visualization Skill
Degree of freedom: MIXED. Chart type and encoding [HIGH freedom];
existing-library/token probes and a11y fallback [LOW freedom — run exactly].
How to reason
- Observe — existing chart library, tokens, data shape
- Interpret — reuse a component vs new chart type
- Classify — line / bar / area / donut / sparkline / table-fallback
- Severity — inaccessible or empty-state-less chart outranks a missing gradient
Worked example
Observe:
package.jsonhas recharts; nosrc/components/charts; tokens define--primary. Interpret: reuse Recharts + tokens, not D3. Classify:ResponsiveContainerline chart + sr-only table; skeleton while loading. Verify: resizes; screen-reader table present; no second chart library.
Self-critique before reporting
- Existing lib — grepped
package.json; did not add a second chart library - Accessible — sr-only table or text alternative present
- States — loading + empty handled
- Right owner — event taxonomy →
audit-analytics; empty/loading frames →audit-ui-states
Create beautiful, accessible, and interactive data visualizations for dashboards and reports.
Product-event coverage ("are we tracking the right events?") is audit-analytics,
not this skill. Empty/loading chart frames are audit-ui-states.
CRITICAL: Check Existing First [LOW freedom — run exactly]
Before creating ANY visualization, verify:
- Check for existing chart libraries:
cat package.json | grep -i "recharts\|chart\|d3\|visx\|nivo\|tremor"
rg "LineChart|BarChart|PieChart" --type tsx -l | head -10
- Check for existing chart components:
ls -la src/components/charts/ src/components/dashboard/ 2>/dev/null
rg "ResponsiveContainer|Chart" --type tsx | head -10
- Check for design tokens:
cat tailwind.config.* | grep -A10 "chart\|colors"
Why: Use existing chart library and styling conventions.
Recharts (Recommended for React) [HIGH freedom]
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 · 489 lines · 66 tokens per session scan A 8e7b908e1ceb
data-visualization is a skill published in the GitHub repository kensaurus/cursor-kenji (9 stars, last pushed 10d ago), licensed MIT. It adds 66 tokens to every session and 3,220 once invoked, about $0.0003 per session on Opus 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-09-03.
Other skills, from other repositories
frontend-slides
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
brand-intel-branddev
Brand intelligence - logos, colors, fonts, styleguides, and company data from any domain.
create-workflow-diagram
Create FigJam/Miro-style workflow diagrams as high-quality PNG images from plain-text workflow descriptions. Renders beautiful HTML diagrams with connected nodes, arrows, and labels, then screenshots them for sharing.
goose-graphics-create-style
End-to-end skill that turns a single reference image into a published Gooseworks style — analyzes the image, drafts the slim style spec, renders a hero example plus 2-3 additional formats via Playwright, writes the gooseworks-style.json manifest, and publishes via npx gooseworks styles publish so other agents can…
goose-graphics
Portable visual skill pack for the Agent Skills ecosystem (Claude Code, Claude Desktop, Claude Cowork, Claude Design, Goose, Cursor, Codex). Discovers community-published styles + formats via the gooseworks CLI, runs an extract-style workflow on reference images, and exports rendered PNGs via Playwright.
create-chatgpt-mockup
Render pixel-accurate ChatGPT mobile (iOS) screen mockups in light mode from a thread JSON. Supports user text bubbles, user image attachments, assistant markdown prose, citation chips, the OpenAI spiral logo, the Apps-SDK GPT chip in the composer, and three header styles (model-tag, plain title, "Get Plus"). Fixed…