web-artifacts-builder-1-interactive-dashboard
À propos
Cette compétence génère des composants interactifs de tableau de bord web avec des visualisations Chart.js. Elle est conçue pour les développeurs ayant besoin de créer rapidement des interfaces de visualisation de données dans des projets Claude Code. Utilisez-la lorsque vous avez besoin de modèles HTML/CSS/JS prêts à l'emploi pour des tableaux de bord ou des outils de calcul.
Installation rapide
Claude Code
Recommandénpx skills add vamseeachanta/workspace-hub -a claude-code/plugin add https://github.com/vamseeachanta/workspace-hubgit clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/web-artifacts-builder-1-interactive-dashboardCopiez et collez cette commande dans Claude Code pour installer cette compétence
Dépôt GitHub
Frequently asked questions
What is the web-artifacts-builder-1-interactive-dashboard skill?
web-artifacts-builder-1-interactive-dashboard is a Claude Skill by vamseeachanta. Skills package instructions and resources that Claude loads on demand, so Claude can perform web-artifacts-builder-1-interactive-dashboard-related tasks without extra prompting.
How do I install web-artifacts-builder-1-interactive-dashboard?
Use the install commands on this page: add web-artifacts-builder-1-interactive-dashboard to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does web-artifacts-builder-1-interactive-dashboard belong to?
web-artifacts-builder-1-interactive-dashboard is in the _internal category, tagged design.
Is web-artifacts-builder-1-interactive-dashboard free to use?
Yes. web-artifacts-builder-1-interactive-dashboard is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
Compétences associées
Ce processus obligatoire analyse le code pour détecter les risques juridiques, tels que les noms de clients ou les références propriétaires, avant toute revue croisée. Il bloque le cycle de revue si des violations sont détectées, exigeant des corrections préalables. Utilisez-le comme pré-verrou pour la création de PR, le portage de code ou tout déclencheur de revue croisée.
La compétence de brainstorming transforme les idées initiales en spécifications détaillées grâce à un questionnement itératif et un dialogue collaboratif. Elle aide les développeurs à explorer les options de conception, à évaluer les compromis et à créer une compréhension partagée avant la mise en œuvre. Cela évite les retouches en affinant systématiquement les concepts pour en faire des plans actionnables.
Cette compétence gère les mises à jour de la documentation de la structure du dépôt après les opérations de nettoyage. Elle met automatiquement à jour les arborescences de répertoires, supprime les références aux dossiers supprimés et documente les changements architecturaux tels que les dossiers `.claude/` et les scripts consolidés. Utilisez-la pour maintenir des sections de structure précises dans les fichiers README suite à une réorganisation du dépôt.
Cette compétence de Claude fournit des meilleures pratiques structurées pour des séances de brainstorming efficaces, en se concentrant sur des approches centrées utilisateur comme commencer par les besoins et valider les options. Elle offre des directives claires de "À faire" et "À ne pas faire" pour maintenir une collaboration productive et éviter les solutions prématurées. Les développeurs doivent utiliser cette compétence de référence lors de l'animation de brainstormings pour garantir une compréhension approfondie et des décisions documentées.
