SkillProof tested Claude skills

PortalJS Add Chart

Tilføjer et afgrænset recharts-diagram til en PortalJS-datasæt-showcase-side.

Af datopian · datopian/portaljs

Testet · Virker ★ 9.6/10

PortalJS Add Chart — Tilføjer et afgrænset recharts-diagram til en PortalJS-datasæt-showcase-side.

Hvad det gør

Installerer recharts, skriver en genanvendelig Chart.tsx-komponent, og kobler den ind i Views-sektionen på en PortalJS-datasæt-showcase, afgrænset til det valgte datasæt, så andre showcases ikke påvirkes. Understøtter linje-, søjle-, areal-, cirkel- og scatter-diagrammer, der læser den samme CSV/JSON som tabellen allerede bruger. Aktiveres når et datasæt, der allerede er registreret i datasets.json i en PortalJS-portal, skal visualiseres.

Testrapport

Kørt i en rigtig PortalJS-portal: npm install og tsc --noEmit gik igennem uden fejl; skillet afgrænsede korrekt diagrammet til ét datasæts showcase, mens en baseline viste det på alle sider — præcis den fejl SKILL.md advarer mod.

Testet: 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

Kommandoer og eksempelprompter

  • /portaljs-add-chartTilføjer et afgrænset recharts-diagram til en PortalJS-datasæt-showcase-side.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen 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

Læs hele rapporten →