build-dashboard

Par anthropics · knowledge-work-plugins

Skill du plugin `data` de knowledge-work-plugins qui guide Claude pour générer des dashboards HTML interactifs et autonomes, sans serveur ni dépendance externe.

npx skills add https://github.com/anthropics/knowledge-work-plugins --skill build-dashboard

Rôle du skill build-dashboard

Ce skill fait partie du plugin data du repository open source anthropics/knowledge-work-plugins, une collection de plugins destinés aux travailleurs de la connaissance utilisant Claude Cowork ou Claude Code. Son rôle est de fournir à Claude les instructions détaillées, les patrons de code et les bonnes pratiques nécessaires pour produire des dashboards HTML interactifs en réponse à la commande /build-dashboard.

Ce que ce skill définit

Le SKILL.md est particulièrement complet : il ne s'agit pas d'un squelette vide, mais d'un guide de workflow en plusieurs étapes. Il couvre la collecte des besoins (audience, métriques clés, dimensions de filtre), la récupération ou la génération des données (entrepôt de données connecté, données collées, ou jeu d'exemple), la conception de la mise en page, puis la génération du fichier HTML. Le skill fournit des templates HTML/CSS/JS de référence, des patrons d'intégration Chart.js (line, bar, doughnut), des mécanismes de filtres interactifs, des tableaux triables, et des recommandations de performance selon le volume de données.

Résultat produit

Lorsque Claude suit ce skill, il génère un fichier HTML entièrement autonome — données intégrées en JSON, styles et logique embarqués — qui s'ouvre directement dans un navigateur sans serveur ni dépendance à installer. Le fichier peut être partagé librement comme rapport ponctuel.

Utilisation dans le contexte du plugin

Comme tous les skills du repository, ce fichier est du markdown pur, sans code à compiler ni infrastructure à déployer. Il s'active automatiquement quand Claude détecte qu'un dashboard est pertinent, ou peut être invoqué explicitement via /data:build-dashboard. Pour l'adapter à votre organisation, il suffit de modifier le fichier markdown pour y intégrer votre stack de données, votre charte graphique ou vos workflows spécifiques.

Skills similaires