Tufte Viz Claude Skill
A Claude Code skill that encodes Edward Tufte's data-visualization principles, so generated charts become simpler, denser, and more readable. ~774-star gist. Source: tufte-viz gist, GitHub
Design Position
| Field | Value |
|---|---|
| Design family | Component and implementation sources |
| Use when | Use when selecting or applying Tufte Viz Claude Skill as a design implementation source. |
| System map | Design System Map |
| Proof path | Source/docs inspection, retokenized implementation, dependency review, and screenshot coverage for states. |
Angelica Parente was frustrated with Claude's default charts, fed Tufte's book to Claude, and had it distill a reusable skill. The result instantly produced simpler and more information-dense visualizations. The bookmarked post is one of the highest-engagement items in this batch: 9,610 likes and 16,751 bookmarks. Source: X/@draparente, 2026-05-22
What It Encodes
The skill applies Tufte's core moves: maximize the data-ink ratio, strip chartjunk (gradients, drop shadows, heavy gridlines, 3D effects), let small multiples and direct labeling replace legends, and prefer restrained serif/system typography over decorative styling. The gist ships a demo (demo__giss-temperature.html) that renders NASA GISS land-ocean temperature anomalies twice, a typical default chart versus the Tufte-shifted treatment, on identical data. The contrast is the pitch: same numbers, far cleaner read. Source: tufte-viz gist, GitHub
Where It Fits Kevin's Stack
A drop-in design upgrade for any agent that emits charts. It complements the diagram-to-html skill (publication-quality diagrams from ideation to pixel-perfect HTML) and the canvas workflow, where data is the deliverable; route chart output through Tufte rules to avoid generic dashboard slop. Aligns with Kevin's Aesthetic Systems and Interface Micro-Polish standards (restraint, density, no decorative noise) and with Canvas Text Layout (Pretext) for measured text-on-canvas rendering.
Install candidate (public gist, MIT-style sharing). Run the three-gate chain before adopting, per AGENTS.md.
Timeline
- 2026-07-01 | Design category refresh added this page to the Component and implementation sources family, linked it to Design System Map, and kept it standalone because Tufte Viz Claude Skill owns a distinct design decision surface in this family. Source: User request, 2026-07-01
- 2026-05-22 | @draparente shared a Tufte data-viz Claude skill generated from Tufte's book; instantly cleaner, denser charts. 9,610 likes, 16,751 bookmarks. Gist at ~774 stars. Source: X/@draparente, 2026-05-22