SkillProof tested Claude skills

PortalJS Add Chart

Ajoute un graphique recharts cantonné à une seule page vitrine de dataset PortalJS.

par datopian · datopian/portaljs

Testé · Fonctionne ★ 9.6/10

PortalJS Add Chart — Ajoute un graphique recharts cantonné à une seule page vitrine de dataset PortalJS.

Ce que fait

Installe recharts, écrit un composant Chart.tsx réutilisable, et le connecte à la section Views de la vitrine d'un dataset PortalJS, en le limitant au dataset choisi pour ne pas affecter les autres vitrines. Prend en charge les graphiques en ligne, barres, aires, camembert et nuage de points, à partir du même CSV/JSON que le tableau existant. Se déclenche pour visualiser un dataset déjà enregistré dans datasets.json au sein d'un portail PortalJS.

Rapport de test

Sur un portail PortalJS reconstitué, npm install recharts et tsc --noEmit sont passés sans erreur ; le skill a cantonné le graphique à la vitrine d'un seul dataset, alors qu'une implémentation sans skill l'affichait partout.

Testé le: 2026-07-10 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/datopian/portaljs
cd portaljs
mkdir -p ~/.claude/skills
cp -r skills/portaljs-add-chart ~/.claude/skills/portaljs-add-chart

Commandes et exemples de prompts

  • /portaljs-add-chartAjoute un graphique recharts cantonné à une seule page vitrine de dataset PortalJS.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • Add a bar chart to this PortalJS dataset showcase page
  • Wire a recharts line chart into my dataset's Views section
  • Show this registered CSV dataset as a scatter chart on the portal

Rapport complet →