Lokalisierter Leseleitfaden
build-dashboardZweck, Verwendung und Quelle
Erstellen Sie ein interaktives HTML-Dashboard mit Diagrammen, Filtern und Tabellen. Nutzen Sie es für Managementübersichten mit KPI-Karten, zur Umwandlung von Abfrageergebnissen in einen teilbaren, eigenständigen Bericht, zur Erstellung einer Teamüberwachungs-Snapshot oder wenn Sie mehrere Diagramme mit Filtern in einer einzigen, im Browser öffnbaren Datei benötigen.
Quelle abgerufen:
- Quell-Repository
- anthropics/knowledge-work-plugins
- SKILL.md
data/skills/build-dashboard/SKILL.md- Repository-Sterne
- 34,049
- Repository zuletzt aktualisiert
- 2026-10-30
- Fähigkeitskategorien
- Daten
- Letzte Datenerfassung
Lizenz: Lizenzdatei: Prüfung ausstehend
Die Workflow-Auszüge dienen als Lesehilfe und sind keine ausführbaren Anweisungen von Codez. Für die Erstellung dieser Seite wurde keine Drittanbieter-Skill verwendet.
Die folgenden Abschnitte zu Zweck und Arbeitsablauf sind vorgelagertes Material, das zur besseren Lesbarkeit aufbereitet und übersetzt wurde. Sie unterscheiden sich von der separat gekennzeichneten redaktionellen Analyse von Codez.
Was diese Fähigkeit bewirkt
Erstellen Sie ein interaktives HTML-Dashboard mit Diagrammen, Filtern und Tabellen. Nutzen Sie es für Managementübersichten mit KPI-Karten, zur Umwandlung von Abfrageergebnissen in einen teilbaren, eigenständigen Bericht, zur Erstellung einer Teamüberwachungs-Snapshot oder wenn Sie mehrere Diagramme mit Filtern in einer einzigen, im Browser öffnbaren Datei benötigen.
Wie der vorgelagerte Workflow funktioniert
/build-dashboard - Interaktive Dashboards erstellen
Falls Sie auf ungewohnte Platzhalter stoßen oder überprüfen müssen, welche Tools verbunden sind, sieheCONNECTORS.mdErstellen Sie ein eigenständiges, interaktives HTML-Dashboard mit Diagrammen, Filtern, Tabellen und professionellem Design. Es öffnet sich direkt im Browser – kein Server oder sonstige Abhängigkeiten erforderlich.
Aufwärtspassage · L7 ↗2Sammeln Sie die Daten
Wenn das Data Warehouse angebunden ist: Die benötigten Daten abfragen.
Aufwärtspassage · L31 ↗3Dashboard-Layout entwerfen
Folgen Sie einem Standard-Dashboard-Layoutmuster: Passen Sie das Layout an den Inhalt an:
Aufwärtspassage · L46 ↗/build-dashboard <description of dashboard> [data source]Anforderungen und Einrichtung
1Die Anforderungen an das Dashboard verstehen
Zweck: Managementübersicht, operative Überwachung, detaillierte Analyse, Teamberichterstattung Zielgruppe: Wer wird dieses Dashboard nutzen?
Aufwärtspassage · L21 ↗Grenzwerte und Qualitätskontrollen
Aus dieser Datei wurde kein separater Grenzwertabschnitt ausgewählt. Dies bedeutet nicht, dass die Anwendung für jede Eingabe oder Umgebung geeignet ist. Überprüfen Sie den vollständigen Quellcode und validieren Sie Ihr Ergebnis selbst.
Beginnen Sie mit einem sicheren Testlauf
- Prüfen Sie den unterstützten Host und die Installationsanweisungen für das Repository. Halten Sie das Skill-Verzeichnis und die darin enthaltenen Skripte, Assets und Dokumentationen zusammen;SKILL.mdEine Einzelperson kann Abhängigkeiten außer Acht lassen.
- Geben Sie dem Agenten Ihre tatsächlichen Eingaben, die gewünschten Ausgaben und die Akzeptanzkriterien an. Aufrufsyntax und verfügbare Tools hängen vom Hostsystem ab; diese Website geht nicht von einem universellen Installationsbefehl aus.
- Testen Sie den Quellworkflow in einem temporären Projekt oder auf einer Kopie. Überprüfen Sie Vorgänge, die Dateien, Remote-Dienste oder abrechnungsfähige Ressourcen ändern, bevor Sie diese zulassen.
- Überprüfen Sie die Ausgabe anhand der Quellqualitätsprüfungen und Ihrer eigenen Anforderungen. Ein erfolgreicher Trigger oder eine hohe Anzahl von Sternen im Repository garantiert kein korrektes Ergebnis.
Lesen Sie mehr dazu in der Quelle.
- /build-dashboard - Interaktive Dashboards erstellen
- 1Die Anforderungen an das Dashboard verstehen
- 2Sammeln Sie die Daten
- 3Dashboard-Layout entwerfen
- 4Erstellen Sie das HTML-Dashboard
- 5. Diagrammtypen implementieren
- 6Interaktivität hinzufügen
- 7Speichern und Öffnen
- Basisvorlage
- Voraggregationsmuster
- Chart-Performance
- DOM-Performance
- Tipps
Verwandte Fähigkeiten
Übersetzung und Umfang
Dieser Leseleitfaden wählt Passagen aus dem markierten stromaufwärts gelegenen Abschnitt aus.SKILL.mdDie Übersetzung wurde unterstützt. Es handelt sich weder um ein vollständiges Handbuch noch um eine Garantie für geprüfte Kompatibilität. Lesen Sie vor der Verwendung das Original und die darin referenzierten Dateien.
Diese Einleitung bezieht sich auf die unten angepinnte Version; die aktuelle Repository-Aktivität und der Erfassungszeitpunkt werden separat angezeigt.
- Angeheftete Quelle
- Lesen Sie das Original ↗
- Quelle abgerufen
- Source-Commit
2574e29377c7173d0cecffef29a6ecbd7f8ccb5d- Quelle SHA-256
6f23faa0b266820a23096f76df9d83e6b67597af4fc8c3306b4eba7e9f409f99