SkillProof tested Claude skills

PortalJS Add Chart

Voegt een afgebakende recharts-grafiek toe aan een PortalJS-dataset-showcasepagina.

Door datopian · datopian/portaljs

Getest · Werkt ★ 9.6/10

PortalJS Add Chart — Voegt een afgebakende recharts-grafiek toe aan een PortalJS-dataset-showcasepagina.

Wat het doet

Installeert recharts, schrijft een herbruikbare Chart.tsx-component en koppelt die aan de Views-sectie van een PortalJS-datasetshowcase, afgebakend tot de gekozen dataset zodat andere showcases niet worden beïnvloed. Ondersteunt lijn-, staaf-, gebieds-, taart- en spreidingsgrafieken die dezelfde CSV/JSON lezen als de al bestaande tabel. Wordt getriggerd bij het visualiseren van een dataset die al geregistreerd is in datasets.json binnen een PortalJS-portal.

Testrapport

Echte run in een gescaffolde PortalJS-portal: npm install recharts@^2.15.0 slaagde en tsc --noEmit gaf geen fouten. De grafiek bleef correct beperkt tot één dataset, terwijl een baseline hem op elke datasetpagina toonde.

Getest op: 2026-07-10 · Claude Code 2.x (agent harness)

Installatie

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

Commando's en voorbeeldprompts

  • /portaljs-add-chartVoegt een afgebakende recharts-grafiek toe aan een PortalJS-dataset-showcasepagina.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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

Volledig rapport (Engels) →