Menu

Not in the top 1,000 by GitHub stars

aref-vc/tufte-claude-skill

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

Engineering

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

SKILL.md

Week of Nov 2, 2026 · Line counts unavailable

Before Not checked yet → After Network or broad shell

First observation → a145acf0c158

No earlier version was observed for comparison.

Compare on GitHub

View on GitHubAdd to my skills

Verified commit a145acf0c158f822d70ccdc2590164abb83b39cb

316GitHub stars
3stars in 7 days
1skill in this repository
0commits in 30 days

Heat

2.9
  • Star growth, last 7 daysNot available
  • Star growth, last 24 hoursNot available
  • Rank movement, last 7 daysNot available
  • Commits, last 30 daysNot available
  • Accounts asking about it through MCP, last 7 daysNot available
  • Hot votes this weekNot available

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Oct 25, 2026Nov 5, 2026316

30-day change not yet available: not enough history.

Individual skills in this repository

How it works

tufte

When your agent uses it

Apply Edward Tufte's principles to any data visualization, chart, dashboard, or infographic. Use when the user asks to produce, design, critique, or improve a chart, graph, dashboard, KPI tile, table-with-data, sparkline, small multiple, time series, distribution plot, choropleth, or any other visual that communicates quantitative or categorical information. Also triggers on words like "visualize", "viz", "data viz", "chart", "graph", "dashboard", "infographic", "Tufte". Outputs Tufte-compliant designs in either self-contained HTML/SVG or React (Recharts/D3). Defaults to Tufte rules; user can opt out per chart.

What it loads into context

Frontmatter

151 tokens

Always available to the agent

SKILL.md

1,260 tokens

When the skill is activated

Reference documents

11,225 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

  1. What this skill produces
  2. How to use this skill
  3. Default behavior
  4. Prose around the chart
  5. The kill list, summarized
  6. The keep list
  7. File index

Files

  • .gitignoreasset78 bytes
  • LICENSEasset1,088 bytes
  • README.mddoc10,657 bytes
  • SKILL.mdcore5,095 bytes
  • assets/cheatsheet.pngasset249,860 bytes
  • assets/ei-cover.svgasset2,122 bytes
  • assets/gallery-full.pngasset827,627 bytes
  • assets/pair-1-category.pngasset101,874 bytes
  • assets/pair-3-timeseries.pngasset94,487 bytes
  • assets/pair-4-dashboard.pngasset101,377 bytes
  • assets/pair-7-slopegraph.pngasset117,092 bytes
  • assets/pair-8-funnel.pngasset107,461 bytes
  • assets/pair-9-cohort.pngasset105,698 bytes
  • assets/vdqi-cover.svgasset1,907 bytes
  • assets/ve-cover.svgasset1,912 bytes
  • before-after.htmlasset65,437 bytes
  • chart-selection.mddoc3,597 bytes
  • cheatsheet.htmlasset7,370 bytes
  • cheatsheet.pdfasset44,636 bytes
  • checklist.mddoc1,713 bytes
  • kill-list.mddoc4,152 bytes
  • presets/html-svg.mddoc6,476 bytes
  • presets/react.mddoc7,792 bytes
  • principles.mddoc6,063 bytes
  • report-voice.mddoc1,837 bytes
Read SKILL.md

# Tufte — visual display, by the book

This skill turns "make me a chart" into a Tufte-compliant chart. Distilled from *The Visual Display of Quantitative Information* (1983/2001), *Envisioning Information* (1990), and *Visual Explanations* (1997).

## What this skill produces

Two output stacks, selected by the user's project context:

1. **Self-contained HTML/SVG** — single file, inline SVG, no external deps. For one-offs, embeds, screenshots, slide decks.
2. **React (Recharts + D3 fallback)** — for projects that already use React. Recharts where the chart type fits; raw D3-in-React where it doesn't (slopegraph, sparkline-in-table, small multiples).

## How to use this skill

When invoked, work through these in order:
View the complete source on GitHub

Skills included

  • tufte

Repository facts

License
MIT
Created
May 23, 2026
Last pushed
Jun 15, 2026
Forks
29
Open issues
1
Project activity
Slowing

Before you install

Network or broad shell

Automated signals, not a guarantee

Checked Nov 5, 2026

Show all 8 signals by file

README.md

  • Network accessline 25
    git clone https://github.com/aref-vc/tufte-claude-skill.git ~/.claude/skills/tufte
  • Dangerous shell operationline 39
    rm -rf ~/.claude/skills/tufte
  • Network accessline 218
    - [Claude Code](https://docs.claude.com/en/docs/claude-code) installed
  • Network accessline 219
    - Skill auto-loads from `~/.claude/skills/` - No other dependencies for the skill itself - The cheatsheet PDF is included, but to regenerate it from the HTML you'll need [`weasyprint`](https://weasyprint.org/) (`pip install weasyprint`)
  • Network accessline 221
    - The cheatsheet PDF is included, but to regenerate it from the HTML you'll need [`weasyprint`](https://weasyprint.org/) (`pip install weasyprint`)

assets/ei-cover.svg

  • Network accessline 1
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 520" width="400" height="520">

assets/vdqi-cover.svg

  • Network accessline 1
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 520" width="400" height="520">

assets/ve-cover.svg

  • Network accessline 1
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 520" width="400" height="520">

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Some files could not be read; the facts below still hold.

Signal confidence: 5 facts
  • Network access in code of documentationREADME.md:25Low confidence
  • Dangerous shell operation in code of documentationREADME.md:39Low confidence
  • Network access in prose of documentationREADME.md:218Low confidence
  • Network access in prose of documentationREADME.md:219Low confidence
  • Network access in prose of documentationREADME.md:221Low confidence

Works with

Agent compatibility, from the files in this repository
AgentStatusEvidenceInstall to
Claude CodeCompatibleStandard SKILL.md SKILL.md.claude/skills/<skill-name>/
CodexCompatibleStandard SKILL.md SKILL.md.agents/skills/<skill-name>/
CursorCompatibleStandard SKILL.md SKILL.md.cursor/skills/<skill-name>/
Gemini CLICompatibleStandard SKILL.md SKILL.md.gemini/skills/<skill-name>/
GitHub CopilotCompatibleStandard SKILL.md SKILL.md.github/skills/<skill-name>/
OpenCodeCompatibleStandard SKILL.md SKILL.md.opencode/skills/<skill-name>/
  • Native The repository ships a manifest, folder or frontmatter field for this agent.
  • Compatible A standard SKILL.md that this agent can read.
  • Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.

You might also use

mattpocock/skills

Skills for Real Engineers. Straight from my .agents directory.

316.1kGitHub stars

obra/superpowers

An agentic skills framework & software development methodology that works.

313.3kGitHub stars

NousResearch/hermes-agent

The agent that grows with you

261kGitHub stars

multica-ai/andrej-karpathy-skills

Behavioral guidelines to reduce common LLM coding mistakes. Use when writing, reviewing, or refactoring code to avoid overcomplication, make surgical changes, surface assumptions,…

230.1kGitHub stars

anthropics/skills

Public repository for Agent Skills

188kGitHub stars

DietrichGebert/ponytail

Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.

185.6kGitHub stars