/dataviz

Gibt Design-Hilfe für Diagramme, Graphen und Dashboards.

Das Skill /dataviz gibt Design-Hilfestellung beim Bau von Diagrammen, Graphen und Dashboards, unabhängig vom verwendeten Werkzeug (HTML/React-Artefakt, inline SVG, oder Plotting-Code in Matplotlib, Plotly, D3, Recharts und Ähnlichem). Claude wählt dabei die passende Diagrammform für die vorliegenden Daten, weist Farben nach ihrer Rolle zu, etwa Kategorie, Hervorhebung oder Warnstufe, und validiert die gewählte Palette mit einem mitgelieferten Skript auf Farbenblind-Sicherheit und ausreichenden Kontrast. Zusätzlich wendet der Skill Regeln für Markierungen, Interaktion, Legenden, Achsenbeschriftung und Barrierefreiheit an, sodass Charts über verschiedene Werkzeuge hinweg wie aus einem Guss wirken. Ausgangspunkt ist eine markenneutrale Platzhalterpalette, die durch eigene Markenfarben ersetzt werden soll. Als [Skill] kann /dataviz auch automatisch von Claude aktiviert werden, sobald irgendwo ein Diagramm entsteht, nicht nur nach explizitem Slash-Befehl. Der Befehl benötigt Claude Code ab Version 2.1.198; auf älteren Versionen ist er nicht verfügbar.

✅ WANN EINSETZEN?

Vor dem Bau eines Dashboards passende Diagrammform und farbenblind-sichere Palette wählen lassen

/dataviz vor dem Aufbau eines KPI-Dashboards mit mehreren Chart-Typen aufrufen.

Bestehende Farbwahl einer Visualisierung auf Kontrast/Farbenblind-Sicherheit prüfen lassen

/dataviz, um die Farbzuordnung eines bereits gebauten Charts zu validieren.

⛔ WANN EHER NICHT?

Reine Datenanalyse ohne anschließende Visualisierung

/dataviz hilft beim Diagramm-Design, nicht bei der Datenauswertung selbst

Besser: normalen Analyse-Prompt nutzen, /dataviz erst hinzuziehen, sobald Ergebnisse als Chart dargestellt werden

Claude Code vor Version 2.1.198

der Skill benötigt mindestens Version 2.1.198 und ist auf älteren Versionen nicht vorhanden

Besser: Claude Code aktualisieren oder Farb-/Diagrammwahl manuell festlegen

QUELLEN

Claude Code Doku (offiziell) ↗ code.claude.com

WEITERE BEFEHLE · Claude Code

/debug /deep-research /design-login /design-sync /desktop /diff /doctor /effort /exit /export /fast /feedback

Alle Befehle · Claude Code →

Teilen:𝕏 in 💬