Gen Chart banner
sses79 sses79

Gen Chart

Data community

Description

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

Installation

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

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