Tufte

Aplikuje pravidla Edwarda Tufteho na grafy, dashboardy a infografiky v HTML/SVG nebo Reactu

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

Otestováno · Funguje ★ 9.2/10

Tufte — Aplikuje pravidla Edwarda Tufteho na grafy, dashboardy a infografiky v HTML/SVG nebo Reactu

Co umí

Převádí jakýkoli požadavek na graf, dashboard, KPI dlaždici nebo infografiku na design kompatibilní s Tufte, s výstupem samostatného HTML/SVG nebo Reactu (Recharts/D3). Obsahuje 10principovou referenci, tabulku pro výběr typu grafu z dat, seznam pro odstranění chartjunk, kontrolní seznam před publikováním a funkční SVG presety pro bodové grafy, sparklines, čárové grafy a malé násobky. Spouští se na chart, graph, dashboard, infographic, visualize, data viz nebo Tufte.

Testovací report

Načten SKILL.md (kořen repozitáře) plus principles.md, chart-selection.md, kill-list.md, checklist.md a presets/html-svg.md – všechny HTTP 200 s podstatným, neprázdným obsahem a skutečným SVG kódem. Pro výstupní test jsem vytvořil dva grafy stejných dat o příjmech z 5 produktových řad: baseline (můj výchozí) a jeden striktně podle presets/html-svg.md. Baseline použila vertikální sloupce v pořadí vstupu, 5odstínovou kvalitativní paletu, definici gradientu, filtr stínu, SVG ohraničující rámeček, pět mřížek, samostatnou legendu a nevytiskla žádné hodnoty. Verze skillu byla bodový graf seřazený sestupně (Pulse 560 až Orbit 260), paleta Tufte ink-on-paper, přesná čísla vytištěná vedle každého bodu pomocí přímých popisků (bez legendy), rozsahový rámeček s jednou slabou mřížkou a jediný červený akcent aplikovaný pouze na vedoucího – přesně odpovídající kill-listu a keep-listu skillu. Žádné bezpečnostní hrozby nalezeny.

Testováno: 2026-07-31 · Claude Code 2.x (agent harness)

Instalace

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.

Příkazy a ukázkové prompty

  • /tufteAplikuje pravidla Edwarda Tufteho na grafy, dashboardy a infografiky v HTML/SVG nebo Reactu

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

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