topskills

tufte

A named design canon for charts, not another plotting wrapper.

Score 0(?)CommunityCodeby aref-vcSource
Verified for:

Install

$ git clone https://github.com/aref-vc/tufte-claude-skill.git ~/.claude/skills/tufte

Single skill, manual install — the repo root holds the SKILL.md.

Best for

Charts that will be published or presented, where the default library output looks like the default library output.

Not ideal for

Interactive dashboards and live data — this is about how a chart is designed, not how it is served.

About this skill

Use when a chart needs to be good, not just correct — applies Edward Tufte’s design rules (data-ink ratio, no chartjunk, small multiples) and outputs self-contained HTML and SVG or React with Recharts and D3.

ChartsTufteDesign

Score breakdown

Score breakdown

rubric 1.0
Install count
0/20
Provenance
8.3/15
GitHub stars
7/15
Recency
6/10
Compatibility
2/10
Documentation depth
8/10
Install ergonomics
4/10
License
5/5
Verification freshness
5/5

Composite 0–100 score derived from 9 verifiable signals. See the rubric →

Related skills

Community

D3.js patterns for interactive viz that does not look stock.

D3.jsVizInteractive
Code
Low2 min
Community

Mermaid diagrams from prose with self-validating syntax. Sequence, flowchart, ER, state.

MermaidDiagramsMarkdown
All surfaces
Low1 min

Ranked #8 in Diagrams

Publish the ranking in your README. The badge reads the live score, so it updates when the ranking does.

tufte — ranked #8 in Diagrams on Top Agent Skills
Markdown
[![tufte — ranked #8 in Diagrams on Top Agent Skills](https://top-agent-skills.com/badge/tufte-charts.svg)](https://top-agent-skills.com/skill/tufte-charts)
HTML
<a href="https://top-agent-skills.com/skill/tufte-charts"><img src="https://top-agent-skills.com/badge/tufte-charts.svg" alt="tufte — ranked #8 in Diagrams on Top Agent Skills"></a>

Skill FAQ

About tufte

What is the tufte skill?

Use when a chart needs to be good, not just correct — applies Edward Tufte’s design rules (data-ink ratio, no chartjunk, small multiples) and outputs self-contained HTML and SVG or React with Recharts and D3.

Which agents does tufte work with?

Claude Code.

How do I install tufte?

Run `git clone https://github.com/aref-vc/tufte-claude-skill.git ~/.claude/skills/tufte` for Claude Code. See the install panel for per-agent commands.

Is tufte free to use?

Yes — tufte is open source (MIT).

Who maintains tufte?

tufte is published by aref-vc and was last updated on 2026-06-15.

What is tufte best for?

Charts that will be published or presented, where the default library output looks like the default library output.