sses79

Gen Chart — Data skill for Claude Code

Data community

Agent skill to turn data, a description, or a pasted table into a polished, interactive chart — directly in chat.

How to install Gen Chart

This entry records only its repository, not the path inside it, so there is no exact command to give. Open sses79/gen-chart and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Gen Chart does

Agent skill to turn data, a description, or a pasted table into a polished, interactive chart — directly in chat.

Alternatives in Data

LLM Redteam — LLM red-team corpus runner — fires categorized prompt-injection / jailbreak / system-prompt-leak / data-exfil 4.5k ★
HTML Video — Programmatic video for coding agents — HTML to video on your laptop 4.5k ★
MCP Server Chart — 🤖 A visualization mcp & skills contains 25+ visual charts using @antvis 4k ★

README

gen-chart

**Turn data, a description, or a pasted table into a polished, interactive chart — directly in chat.**

gen-chart is an Agent Skill plus a zero-dependency Node.js rendering and validation system for Claude Code, Cursor, Codex CLI, and OpenCode. The agent authors a typed JSON spec; gen-chart deterministically compiles it into one self-contained HTML file — and refuses charts that claim more than the numbers support.

Four chart families — trends, comparisons, distributions, proportions, and heatmaps, from one typed spec
Honest by construction — validation rejects truncated bar axes, mixed units, unreadable pies, and misleading normalisation, each with a machine-readable repair receipt
One file you can send anyone — inline SVG, embedded data, no CDN, works offline; exports PNG, SVG, the underlying CSV, and a 1200×630 share card
Readable without a mouse — every chart ships a screen-reader data table and full keyboard navigation, on a palette verified against WCAG AA in both themes

![License](https://img.shields.io/badge/license-MIT-22c55e?style=flat-square) ![Agent Skill](https://img.shields.io/badge/Agent-Skill-7C3AED?style=flat-square) ![Version](https://img.shields.io/badge/version-0.9.0-0891b2?style=flat-square) ![Node](https://img.shields.io/badge/node-%E2%89%A522-339933?style=flat-square) ![Tests](https://img.shields.io/badge/tests-160-0891b2?style=flat-square)

**[Gallery](https://sses79.github.io/gen-chart/)** · **[Roadmap](ROADMAP.md)** · **[Design system](DESIGN.md)** · **[Skill contract](gen-chart/SKILL.md)**

01 · Install the skill

**Keep the tool local.** One command installs the same checked skill and zero-dependency renderers into whichever agent you use — no vendor-specific fork.

npx skills add sses79/gen-chart -g

`-g` installs to your user directory; drop it to install into the current project. Private repositories work too, using the git credentials you already have.

Explicit, non-interacti