Tufte
Anvender Edward Tuftes regler på diagrammer, dashbord og infografikk i HTML/SVG eller React
Bestått
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 principlesRedesign this dashboard to cut chartjunkBuild a Tufte-style sparkline table