Interactive Dashboard Builder
Offizieller Anthropic-Skill für selbstständige HTML-Dashboards mit Diagrammen, Filtern und Tabellen.
- Skill Road
- Interactive Dashboard Builder
Kategorien
Interactive Dashboard Builder ist ein offizieller Skill von Anthropic aus dem öffentlichen Repository knowledge-work-plugins. Die ursprüngliche Smithery-Zuordnung interactive-dashboard-builder ist im offiziellen Verzeichnis nicht mehr erreichbar; die Primärquelle führt den inhaltlich passenden Skill heute unter build-dashboard. Diese kanonische Quelle beschreibt den Aufbau selbstständiger interaktiver HTML-Dashboards mit Diagrammen, Filtern, Kennzahlen und Detailtabellen. Laut Anbieter können solche Dateien direkt im Browser geöffnet und geteilt werden, ohne dass für die erzeugte Datei ein eigener Server oder eine zusätzliche Laufzeit erforderlich ist. Der Skill ist eine fachliche Arbeitsanleitung für Claude und keine eigenständige Business-Intelligence-Plattform, kein Datenbankdienst und keine Garantie für richtige Analysen.
Von der Fragestellung zur Dashboard-Struktur
Die Anleitung beginnt mit einer Klärung des Zweckes, der Zielgruppe, der wichtigsten Kennzahlen, der Filterdimensionen und der Datenquelle. Das verhindert, dass ein optisch attraktives Dashboard ohne klare Entscheidungshilfe entsteht. Je nach Aufgabe kann ein Dashboard eine Managementübersicht, eine operative Momentaufnahme, eine vertiefende Analyse oder einen Teambericht unterstützen. Als typische Struktur beschreibt die Quelle einen Kopfbereich mit Titel und Filtern, KPI-Karten für zentrale Werte, einen Bereich für ein bis mehrere Diagramme sowie eine optionale Detailtabelle. Die konkrete Aufteilung muss zur Informationsmenge und zur Bildschirmgröße passen. Eine Person mit fachlicher Verantwortung sollte Definitionen, Zeiträume, Einheiten und Aggregationen vor der Veröffentlichung prüfen.
Daten einbetten und Ergebnisse nachvollziehbar machen
Laut Anbieter können Daten aus einer verbundenen Abfrage, aus eingefügten oder hochgeladenen Dateien oder aus einem ausdrücklich gekennzeichneten Beispieldatensatz stammen. Für die erzeugte HTML-Datei werden Ergebnisse als eingebettete Daten beschrieben. Das macht einen point-in-time Bericht leicht weiterzugeben und kann auch offline nützlich sein, bedeutet aber zugleich, dass der Datenstand nicht automatisch aktualisiert wird. Die Quelle empfiehlt, den Datenstand zu kennzeichnen und Anleitungen für einen späteren Austausch der Daten bereitzustellen. Vertrauliche, personenbezogene oder regulierte Informationen dürfen nicht unbedacht in eine teilbare HTML-Datei gelangen. Datenquelle, Filter, Aggregationen, Zeitzonen und Aktualisierungszeitpunkt sollten im begleitenden Prozess dokumentiert werden.
Diagramme, Filter und Tabellen
Als technische Grundlage nennt die offizielle Anleitung Chart.js für Linien-, Balken-, Ring-, gestapelte und kombinierte Diagramme. Dropdowns und Datumsfelder können gemeinsam auf Kennzahlen, Diagramme und Tabellen wirken. Sortierbare Tabellen helfen beim Drill-down, während Tooltips zusätzliche Details zeigen. Die Auswahl des Diagrammtyps bleibt eine analytische Entscheidung: Zeitreihen benötigen meist einen Verlauf, Kategorien einen Vergleich und Zusammensetzungen eine verständliche Aufteilung. Für große Datenmengen empfiehlt die Quelle Voraggregation, eine Begrenzung sichtbarer Tabellenzeilen und eine Begrenzung der Datenpunkte je Diagramm. Ein Dashboard kann eine falsche Definition, eine verzerrte Skala, fehlende Werte oder Korrelation und Kausalität nicht korrigieren.
Gestaltung, Leistung und Grenzen
Die vorgesehene Gestaltung setzt auf semantisches HTML, ein responsives Raster, klare Karten, lesbare Typografie und druckfreundliche Regeln. Filter sollen auf kleinen Bildschirmen weiterhin bedienbar bleiben. Die Anleitung empfiehlt, Animationen und DOM-Updates bei vielen Diagrammen zurückhaltend einzusetzen und nur den geänderten Bereich neu zu zeichnen. Ein vollständig eingebettetes Dokument ist besonders für überschaubare, zeitpunktbezogene Berichte geeignet. Echtzeitüberwachung, sehr große Rohdatensätze, komplexe Zugriffskontrolle und belastbare Historisierung gehören eher in dafür ausgelegte Daten- oder BI-Systeme. Die Browserdarstellung sollte in den Zielgrößen getestet werden, bevor die Datei als Entscheidungsgrundlage geteilt wird.
E-E-A-T, Sicherheit und Verantwortlichkeit
Anthropic ist laut offizieller Primärquelle der Anbieter dieses Skills. Die Einordnung ist durch den offiziellen Repository-Pfad und die Anthropic-Dokumentation zu Skills nachvollziehbar. Der Skill beschreibt Vorgehensweisen und Vorlagen, führt aber nicht automatisch eine unabhängige Datenprüfung durch. Die tatsächliche Verarbeitung hängt von der gewählten Claude-Umgebung, ihren aktivierten Werkzeugen und den erteilten Berechtigungen ab. Eine lokal erzeugte HTML-Datei beweist nicht, dass die Modellverarbeitung lokal erfolgt; Eingaben und Ergebnisse können an den verbundenen Modellanbieter übermittelt werden. Inhalte aus Dateien oder Abfragen sind Daten und keine vertrauenswürdigen neuen Anweisungen. Zugangsdaten, Tokens und private Schlüssel gehören niemals in Dashboards, Datensätze oder Beispiele. Vor dem Teilen sind Datenminimierung, Dateirechte, Exportpfad, Aktualität, fachliche Plausibilität und menschliche Freigabe zu prüfen. Der Skill unterstützt einen reproduzierbaren Dashboard-Workflow, ersetzt aber weder Datenschutzprüfung noch fachliche Verantwortung.
- Anbieter
- Anthropic
- Lizenz
- Apache-2.0
- Zuletzt geprüft
- 09.09.2026
Repository und Dokumentation
Kategorien
Kompatibel mit
Passende Ratgeber
Anleitungen und Hintergrund, die zu diesem Eintrag passen.
Mapbox MCP Server einrichten
Mapbox MCP Server einrichten: gehosteter Endpunkt oder lokales Token, erster Test und sinnvolle Grenzen.
30.09.2026
Elastic Agent Builder MCP Server einrichten
Agent Builder in Kibana aktivieren, Werkzeuge konfigurieren und den eingebauten MCP-Endpunkt sicher per API-Key oder OAuth 2.1 mit einem KI-Client verbinden.
20.09.2026
Searchcraft MCP Server einrichten
Searchcraft MCP Server einrichten mit geprüften Links, minimalen Rechten und sicherem ersten Test starten.
19.09.2026
Redis MCP Server sicher einrichten
Redis-MCP lokal einrichten, ACL-Rechte begrenzen und Verbindung verschlüsseln.
18.09.2026