Build Interactive Dashboards

Erstellt ein interaktives Dashboard: KPI-Karten, Chart.js, Filter, sortierbare Tabelle – trotz 'keine Abhängigkeiten'-Behauptung laden Diagramme Chart.js von einem CDN.

von anthropics · anthropics/knowledge-work-plugins

Funktioniert mit Setup ★ 8.8/10

Build Interactive Dashboards — Erstellt ein interaktives Dashboard: KPI-Karten, Chart.js, Filter, sortierbare Tabelle – trotz 'keine Abhängigkeiten'-Behauptung laden Diagramme Chart.js von einem CDN.

Was es kann

Erstellt ein interaktives, im Browser zu öffnendes HTML-Dashboard mit KPI-Karten, Chart.js-Diagrammen, Dropdown-/Datumsfiltern und einer sortierbaren Tabelle, wobei alle Daten als JSON in einer Datei eingebettet sind; funktioniert mit eingefügten Daten, einer CSV oder generierten Beispieldaten, falls keine vorhanden sind. Der Frontmatter-Name ist 'build-dashboard' (die alte Karte nannte es 'dashboard-builder'). Es verweist auf ein ../../CONNECTORS.md, das auf Plugin-Kategorieebene lebt (anthropics/knowledge-work-plugins/data/CONNECTORS.md), außerhalb des eigenen Ordners dieses Skills – das Kopieren nur dieses Ordners gemäß den eigenen Installationsanweisungen der Karte lässt diese Datei weg, obwohl der Skill über seine Fallback-Optionen für eingefügte Daten/Beispieldaten weiterhin funktioniert.

Testbericht

Urteil erzwungen zur Einrichtung: SKILL.md verweist auf ../../CONNECTORS.md, zwei Verzeichnisse über dem Skill-Ordner, für seine Platzhalter 'welche Tools sind verbunden' – eine Datei, die nicht existiert, wenn Sie nur den Skill-Ordner kopieren, wie der eigene Installationsbefehl der Karte anweist. Es behauptet auch 'kein Server oder Abhängigkeiten erforderlich', während seine eigene Basis-HTML-Vorlage Chart.js von einem CDN lädt. (Hier unter unserem älteren Namen aufgeführt; der eigene Name des Skills ist "Build Interactive Dashboards".)

Getestet am: 2026-07-14 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/anthropics/knowledge-work-plugins
cd knowledge-work-plugins
mkdir -p ~/.claude/skills
cp -r data/skills/build-dashboard ~/.claude/skills/dashboard-builder

Befehle & Beispiel-Prompts

  • /dashboard-builderErstellt ein interaktives Dashboard: KPI-Karten, Chart.js, Filter, sortierbare Tabelle – trotz 'keine Abhängigkeiten'-Behauptung laden Diagramme Chart.js von einem CDN.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • Turn this sales CSV into a self-contained interactive dashboard
  • Build a dashboard from this weekly metrics export automatically
  • Pick sensible chart types and build a dashboard from this data