Tufte

Anvender Edward Tuftes regler på diagrammer, dashbord og infografikk i HTML/SVG eller React

av aref-vc · aref-vc/tufte-claude-skill

Bestått ★ 9.2/10

Tufte — Anvender Edward Tuftes regler på diagrammer, dashbord og infografikk i HTML/SVG eller React

Hva den gjør

Gjør enhver forespørsel om diagram, dashbord, KPI-flis eller infografikk om til et Tufte-kompatibelt design, og produserer selvstendig HTML/SVG eller React (Recharts/D3). Inkluderer en 10-prinsipp-referanse, en data-til-diagramtype-valgtabell, en chartjunk-drepsliste, en sjekkliste før publisering, og fungerende SVG-forhåndsinnstillinger for punktplott, sparklines, linjediagrammer og små multipler. Utløses på chart, graph, dashboard, infographic, visualize, data viz, eller Tufte.

Testrapport

Hentet SKILL.md (repo root) pluss principles.md, chart-selection.md, kill-list.md, checklist.md og presets/html-svg.md – alle HTTP 200 med substansielt, ikke-plassholderinnhold og ekte SVG-kode. For utdata-testen bygde jeg to diagrammer av de samme 5-produktlinjers inntektsdata: en baseline (min standard) og en som strengt fulgte presets/html-svg.md. Baseline brukte vertikale søyler i inndata-rekkefølge, en 5-farget kvalitativ palett, en gradientdefinisjon, et skyggefilter, en SVG-ramme, fem rutenettlinjer, en separat legende, og skrev ikke ut verdier. Ferdighetsversjonen var et punktplott sortert synkende (Pulse 560 ned til Orbit 260), Tufte blekk-på-papir-palett, eksakte tall skrevet ut ved siden av hver prikk via direkte etiketter (ingen legende), en rekkevidderamme med én svak rutenettlinje, og den enkelte røde aksenten ble kun brukt på lederen – som nøyaktig samsvarer med ferdighetens kill-list og keep-list. Ingen sikkerhetsbrudd funnet.

Testet på: 2026-07-31 · Claude Code 2.x (agent harness)

Installer

git clone --depth 1 https://github.com/aref-vc/tufte-claude-skill.git /tmp/tufte-src
mkdir -p ~/.claude/skills/tufte
cp -R /tmp/tufte-src/. ~/.claude/skills/tufte/
# SKILL.md is at the repo root; the copy above places it at ~/.claude/skills/tufte/SKILL.md
# No external deps, API keys, or scripts. Reference files (principles.md, chart-selection.md,
# kill-list.md, checklist.md, presets/*.md) and assets are read on demand by the skill body.

Kommandoer og eksempelprompter

  • /tufteAnvender Edward Tuftes regler på diagrammer, dashbord og infografikk i HTML/SVG eller React

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

  • Critique this chart using Tufte's principles
  • Redesign this dashboard to cut chartjunk
  • Build a Tufte-style sparkline table