aref-vc

aref-vc / tufte-claude-skill

Public

Claude Code skill that turns 'make me a chart' into a Tufte-compliant chart. Distilled from Edward Tufte's three foundational books.

35
1
89% credibility
Found May 23, 2026 at 83 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
HTML
AI Summary

This is a skill for Claude Code (an AI coding assistant) that teaches it to create charts following Edward Tufte's principles of data visualization. Tufte is a renowned expert whose three books define best practices for clear, honest charts. The skill includes ten design principles, a 'kill list' of chart types to avoid (like 3D effects and pie charts), and before/after examples showing how to transform cluttered visualizations into clean ones. When someone asks their AI assistant to make a chart, this skill automatically guides it to produce something that maximizes data clarity while minimizing visual noise.

How It Works

1
📊 You want a chart that actually works

You've seen charts that are confusing, cluttered, or misleading—and you want something better for your data.

2
✨ You discover Tufte's design rules

This skill teaches your AI assistant to follow principles from three classic books on making clear, honest visualizations.

3
🧩 You add the skill to your AI assistant

One simple step and your AI assistant learns how to design charts the Tufte way—automatically.

4
You ask for a chart
📈
Quick chart request

Just say 'make a chart of monthly sales' and get a clean sparkline with labels

🔄
Improve existing chart

Paste your current chart and say 'apply Tufte' to see it cleaned up

5
🤖 Your AI follows the rules

The skill removes clutter, fixes misleading elements, and picks the right chart type for your data.

🎉 You get a chart that tells the truth

Clean, honest, and easy to read—your data speaks for itself without visual tricks or distractions.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 83 to 35 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is tufte-claude-skill?

This is a Claude Code skill that makes your AI-generated charts follow Edward Tufte's design principles. Instead of getting the typical AI chart output (3D bars, rainbow legends, frame boxes), you get clean, data-ink-efficient visualizations. The skill distills Tufte's three foundational books into ten actionable principles and applies them automatically when you ask Claude to make any chart. It's written in HTML and works by loading a set of design rules that guide Claude's chart generation.

Why is it gaining traction?

The hook is simple: AI-generated charts are notoriously ugly, and this skill fixes that with one command. Developers are tired of deleting gridlines and frame boxes from every chart Claude produces. The skill also includes a before/after gallery showing nine common chart transformations, plus a printable cheatsheet. It supports multiple output stacks (HTML/SVG, React with Recharts, D3) so you get production-ready code.

Who should use this?

Data-focused developers who build dashboards or reports with Claude Code will get the most value. Product teams tired of polishing AI chart output before stakeholder meetings. Anyone who cares about data visualization quality and wants Tufte principles applied automatically rather than manually.

Verdict

At 35 stars with a credibility score of 0.9%, this is a small but well-documented project that solves a real pain point. The README alone is worth reading for the Tufte principles alone. If you use Claude Code and generate charts, install it and forget it -- it runs silently in the background, improving every chart you create.

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.