Tufte

Stosuje zasady Edwarda Tufte'a do wykresów, pulpitów nawigacyjnych i infografik w HTML/SVG lub React

Autor: aref-vc · aref-vc/tufte-claude-skill

Testowano · Działa ★ 9.2/10

Tufte — Stosuje zasady Edwarda Tufte'a do wykresów, pulpitów nawigacyjnych i infografik w HTML/SVG lub React

Co robi ten skill

Przekształca każde żądanie wykresu, pulpitu nawigacyjnego, kafelka KPI lub infografiki w projekt zgodny z Tufte'em, generując samodzielny HTML/SVG lub React (Recharts/D3). Zawiera referencję 10 zasad, tabelę wyboru typu wykresu na podstawie danych, listę eliminacji chartjunk, listę kontrolną przed publikacją oraz działające presety SVG dla wykresów punktowych, sparkline, wykresów liniowych i małych wielokrotności. Uruchamia się na słowa chart, graph, dashboard, infographic, visualize, data viz lub Tufte.

Raport z testu

Pobrano SKILL.md (repo root) plus principles.md, chart-selection.md, kill-list.md, checklist.md i presets/html-svg.md — wszystkie HTTP 200 z merytoryczną, nie-placeholderową zawartością i rzeczywistym kodem SVG. Dla testu wyjścia zbudowałem dwa wykresy tych samych danych przychodów z 5 linii produktów: bazowy (mój domyślny) i jeden ściśle zgodny z presets/html-svg.md. Bazowy używał pionowych słupków w kolejności wejściowej, 5-odcieniowej palety jakościowej, definicji gradientu, filtra cienia, ramki SVG, pięciu linii siatki, oddzielnej legendy i nie drukował żadnych wartości. Wersja umiejętności była wykresem punktowym posortowanym malejąco (Pulse 560 do Orbit 260), paletą Tufte'a 'atrament na papierze', dokładnymi liczbami wydrukowanymi obok każdego punktu za pomocą bezpośrednich etykiet (bez legendy), ramką zakresu z jedną słabą linią siatki i pojedynczym czerwonym akcentem zastosowanym tylko do lidera — dokładnie odpowiadającym liście eliminacji i liście zachowania umiejętności. Nie znaleziono zagrożeń bezpieczeństwa.

Testowano: 2026-07-31 · Claude Code 2.x (agent harness)

Instalacja

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.

Komendy i przykładowe prompty

/tufteStosuje zasady Edwarda Tufte'a do wykresów, pulpitów nawigacyjnych i infografik w HTML/SVG lub React

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

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

Pełny raport →