SkillProof tested Claude skills

PortalJS Add Chart

Legger til et avgrenset recharts-diagram på en PortalJS-datasett-visningsside.

av datopian · datopian/portaljs

Bestått ★ 9.6/10

PortalJS Add Chart — Legger til et avgrenset recharts-diagram på en PortalJS-datasett-visningsside.

Hva den gjør

Installerer recharts, skriver en gjenbrukbar Chart.tsx-komponent, og kobler den inn i Views-seksjonen på en PortalJS-datasett-visning, avgrenset til det valgte datasettet slik at andre visninger ikke påvirkes. Støtter linje-, stolpe-, areal-, kake- og punktdiagrammer som leser samme CSV/JSON som tabellen allerede bruker. Trigges ved visualisering av et datasett som allerede er registrert i datasets.json inne i en PortalJS-portal.

Testrapport

Kjørt i en oppsatt PortalJS-portal: npm install recharts@^2.15.0 lyktes og tsc --noEmit gikk rent gjennom; skillet avgrenset diagrammet til ett datasett, mens en baseline fra bunnen av viste det på alle datasettsider.

Testet på: 2026-07-10 · Claude Code 2.x (agent harness)

Installer

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

Kommandoer og eksempelprompter

  • /portaljs-add-chartLegger til et avgrenset recharts-diagram på en PortalJS-datasett-visningsside.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

  • 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

Full rapport →