visualizer

visualizer is a skill for Claude Code, Codex from Pinvou/pinvou-agent. It costs 85 tokens per session (1,757 once invoked), scanned A, original, MIT.

A skill for turning structured data, spreadsheets, and business metrics into HTML charts and dashboards using Chart.js, a JavaScript charting library.

In plain words
What is it for?
Use it to turn Excel or CSV data into charts, KPI dashboards, budget or sales analysis pages, and other data-focused reports.
Why use it?
It provides a defined process for making data visualisations, including checks for chart accessibility, readable numbers, and a valid HTML output.

Skill for Claude CodeCodex

About the project

Pinvou/pinvou-agent is an open-source desktop workspace where an AI agent helps with work, visual design, and software development. People use it to work with files and knowledge, create editable visual artifacts, connect coding agents to projects, and extend the workspace with tools, MCP servers, skills, and workflows; the catalogue skills add capabilities to that environment.

Pinvou/pinvou-agent · 1,625 stars · on GitHub

Install

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.

agentmods
npx agentmods add skills/pinvou/pinvou-agent/visualizer
Any agent
npx skills add Pinvou/pinvou-agent --skill visualizer
Clone the repo
git clone --depth 1 https://github.com/Pinvou/pinvou-agent

Made for: Claude Code, Codex.

Wrote 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.

agentmods badge for visualizer

README.md
[![agentmods](https://agentmods.dev/badge/skills/pinvou/pinvou-agent/visualizer.svg)](https://agentmods.dev/skills/pinvou/pinvou-agent/visualizer)
Your own site
<a href="https://agentmods.dev/skills/pinvou/pinvou-agent/visualizer"><img src="https://agentmods.dev/badge/skills/pinvou/pinvou-agent/visualizer.svg" alt="Measured on agentmods" height="20"></a>
Per session 85 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,757 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5 $0.00085 $0.01757
Opus 5 $0.00043 $0.00879
Sonnet 5 $0.00017 $0.00351
Haiku 4.5 $0.00009 $0.00176

Measured 5d ago against content hash 2e98a971d7e6, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

visualizer 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.

The scan reads SKILL.md. This mod also ships 1 executable file (scripts/validate_visualizer_html.py), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

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.

pinvou3-app/src-tauri/resources/common/skill-marketplace/visualizer/SKILL.md · 89 lines

How it starts

The opening of the file, as written. The whole thing — 89 lines — stays where its author put it; the contents beside it link to each section on GitHub.

数据分析可视化

把结构化数据、表格汇总、业务指标或用户描述的数据口径转成可交付的 HTML 数据可视化仪表盘。

成功判定

一次合格交付必须同时满足:

  • 已读取 references/visualizer-design-system.md
  • 已用 write_file 写出 .html 文件。
  • 已用本技能目录下的 scripts/validate_visualizer_html.py 校验最终 .html,且结果为通过。
  • 已调用 present_artifact(path, title) 展示产物卡。
  • HTML 使用 Chart.js UMD:https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.js
  • 每个 <canvas> 都有 role="img"、描述性 aria-label 和 fallback text。
  • Chart.js 默认 legend 关闭,并使用自定义 HTML legend。
  • 数据先聚合再入图,展示数字经过合理四舍五入。
  • 图表关键数值常驻显示,不只依赖 hover tooltip;数据密集时显示首尾、峰值、谷值或 Top N 等关键标签。

失败判定

如果发生以下任一情况,必须重写产物再交付:

  • 使用 ECharts、Plotly、Vega、D3 伪地图或任何非 Chart.js 图表库,除非用户明确点名要求。
  • HTML 中出现 echartsPlotlycdn.plot.lycdn.jsdelivr.net/npm/echarts
  • 直接在聊天正文粘贴完整 HTML,而没有写 .html 文件和展示 artifact。
  • <canvas> 缺少 role="img"aria-label 或 fallback text。
  • 使用默认 Chart.js legend,而没有自定义 HTML legend。
  • 图表数值只出现在 hover tooltip 中,画布上没有常驻数值标签。
  • 使用彩虹渐变 KPI、重阴影、发光、深色 hero、emoji 或营销页式大标题。
  • HTML/CSS/JS 中出现 <!-- comments -->/* comments */ 或独立行 // comments
  • scripts/validate_visualizer_html.py 返回失败。

必须先读

在执行任务前读取 references/visualizer-design-system.md,并遵守其中的 Chart.js、布局、配色、无障碍和流式输出规则。若任务很小,也至少遵守本文件的硬性规则。

交付方式

Pinvou 的聊天正文会转义或清理 <script>,所以不要把带 Chart.js 的 HTML 直接贴在普通回复正文里当最终成品。

必须按以下流程交付:

  1. write_file 写出一个 .html 文件,文件内容可以是完整可打开 HTML,必须包含可执行的 Chart.js 脚本。
  2. exec_shell 运行本技能目录下的校验器: python <visualizer-skill-dir>/scripts/validate_visualizer_html.py <artifact.html> --json 其中 <visualizer-skill-dir>load_skill 返回的 Source 所在目录。
  3. 如果校验失败,读取错误列表,重写 .html,再次运行校验器;不要展示失败产物。
  4. 只有校验通过后,才能调用 present_artifact(path, title) 展示产物卡。
  5. 普通回复只保留简短说明,不重复粘贴整段 HTML。

触发边界

使用本技能:

  • Excel/CSV/JSON/表格数据转图表、转看板、转可视化报告。
  • 用户说“做数据可视化”“做图表”“生成看板”“数据仪表盘”“可视化图表”。
  • 数据分析仪表盘、指标看板、可视化报告。
  • 柱状图、折线图、组合图、散点图、热力图、图表卡片。
  • 用户明确提到 Chart.js、canvas、数据可视化。

不使用本技能:

  • 落地页、品牌页、banner、海报、简历、作品集等以视觉表达为主、没有数据图表核心诉求的任务。
  • 需要真实地图但没有真实拓扑数据的任务;不要手绘伪地图。
  • 需要在线查询最新数据但用户没有提供数据时,先说明需要数据源或使用可用查询工具获取数据。

Read the full file on GitHub · 89 lines

Files

What ships with it

2 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.

Changes

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.

  1. 5d ago First seen · 89 lines · 85 tokens per session scan A 2e98a971d7e6

Subscribe to this mod's changes

visualizer is a skill published in the GitHub repository Pinvou/pinvou-agent (1,625 stars, last pushed today), licensed MIT. It adds 85 tokens to every session and 1,757 once invoked, about $0.0004 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-08-30.

Related

Other skills, from other repositories

xlsx

Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .csv, or .tsv file (e.g., adding columns, computing formulas, formatting, charting, cleaning messy data); create a new spreadsheet from scratch or…

PM-Shawn/Abu-Cowork · 201 tokens

xlsx

Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Claude needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2) Reading or analyzing data, (3) Modify…

eli-labz/Godcoder · 96 tokens

google-sheets

Google Sheets via gws: read/write cells, append rows, structured batch edits.

Open-Curiosity/gini-agent · 21 tokens

docx

Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files). Triggers include: any mention of 'Word doc', 'word document', '.docx', or requests to produce professional documents with formatting like tables of contents, headings, page numbers, or letterheads. Also use when…

PM-Shawn/Abu-Cowork · 168 tokens

doc-coauthoring

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers.…

PM-Shawn/Abu-Cowork · 77 tokens

pdf

Use this skill whenever the user wants to do anything with PDF files. This includes reading or extracting text/tables from PDFs, combining or merging multiple PDFs into one, splitting PDFs apart, rotating pages, adding watermarks, creating new PDFs, filling PDF forms, encrypting/decrypting PDFs, extracting images, and…

PM-Shawn/Abu-Cowork · 92 tokens