SkillProof tested Claude skills

PortalJS Add Chart

Aggiunge un grafico recharts con gating alla pagina showcase di un dataset PortalJS

di datopian · datopian/portaljs

Promosso ★ 9.6/10

PortalJS Add Chart — Aggiunge un grafico recharts con gating alla pagina showcase di un dataset PortalJS

Cosa fa

Installa recharts, scrive un componente Chart.tsx riutilizzabile, e lo collega alla sezione Views di uno showcase dataset PortalJS, con gating sul dataset scelto così gli altri showcase non vengono toccati. Supporta grafici a linea, barre, area, torta e dispersione che leggono lo stesso CSV/JSON già usato dalla tabella. Si attiva quando si visualizza un dataset già registrato in datasets.json dentro un portale PortalJS.

Rapporto di test

In un portale PortalJS di prova: npm install recharts riuscito e tsc --noEmit pulito; lo skill ha limitato il grafico a un solo dataset showcase, mentre una baseline da zero lo renderizzava su ogni pagina dataset — esattamente il bug segnalato nella documentazione.

Testato il: 2026-07-10 · Claude Code 2.x (agent harness)

Installazione

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

Comandi e prompt di esempio

  • /portaljs-add-chartAggiunge un grafico recharts con gating alla pagina showcase di un dataset PortalJS

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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

Rapporto completo →