Tufte
Schreibt jedes Diagramm nach Edward Tufte's Data-Ink-Regeln neu: 3D/Kuchen/Legenden eliminieren, Daten direkt beschriften.
Getestet · Funktioniert
Was es kann
Wendet Edward Tufte's Prinzipien der visuellen Darstellung auf Diagramm-, Dashboard- und Infografik-Anfragen an und gibt entweder eigenständiges HTML/SVG oder React (Recharts + D3-Fallback) aus. Es arbeitet über eine feste Pipeline (principles.md -> chart-selection.md -> kill-list.md -> checklist.md), die standardmäßig 3D-Effekte, Tortendiagramme, doppelte Achsen, Legenden und redundante Daten-Tinte entfernt, und es kritisiert bestehende Diagramme anhand derselben Checkliste, wenn es gebeten wird, eines zu überprüfen, anstatt eines zu erstellen. Löst bei Diagramm/Viz/Dashboard/Infografik/Tufte-Sprache aus; der Benutzer kann ein bestimmtes Diagramm von den Regeln ausschließen.
Testbericht
Die 20-Punkte-Checkliste gegen ein 5-Quartals-Umsatzbalkendiagramm ausgeführt: Die Baseline-Ausgabe (kein Skill) ließ eine Legende, alphabetische Sortierung und keine hervorgehobene Anomalie zurück; die Skill-Version sortierte nach Wert, beschriftete Balken direkt und setzte die einzelne Akzentfarbe auf den Q3-Dip gemäß der 'nicht flach'-Regel der Kill-Liste. (Hier unter unserem älteren Namen aufgeführt; der eigene Name des Skills ist "Tufte".)
Getestet am: 2026-07-14 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/aref-vc/tufte-claude-skill cd tufte-claude-skill mkdir -p ~/.claude/skills cp -r . ~/.claude/skills/chart-critic
Befehle & Beispiel-Prompts
/chart-criticSchreibt jedes Diagramm nach Edward Tufte's Data-Ink-Regeln neu: 3D/Kuchen/Legenden eliminieren, Daten direkt beschriften.
Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):
Review this chart for a truncated axis or misleading scaleIs this the right chart type for showing this trend over timeCritique these slide charts for honesty and readability