SkillProof tested Claude skills

PortalJS Add Chart

Dodaje bramkowany wykres recharts do strony pokazowej datasetu w PortalJS.

Autor: datopian · datopian/portaljs

Testowano · Działa ★ 9.6/10

PortalJS Add Chart — Dodaje bramkowany wykres recharts do strony pokazowej datasetu w PortalJS.

Co robi ten skill

Instaluje recharts, tworzy komponent Chart.tsx wielokrotnego użytku i podpina go do sekcji Views strony pokazowej datasetu w PortalJS, bramkując go do wybranego datasetu, tak by inne strony pokazowe nie zostały naruszone. Obsługuje wykresy liniowe, słupkowe, warstwowe, kołowe i punktowe czytające ten sam plik CSV/JSON co już istniejąca tabela. Uruchamia się przy wizualizacji datasetu już zarejestrowanego w datasets.json w portalu PortalJS.

Raport z testu

W testowym PortalJS npm install recharts@^2.15.0 przeszedł, a tsc --noEmit bez błędów; skill ograniczył wykres do jednego datasetu, a baseline pisany od zera wyrenderował go wszędzie — dokładnie błąd, przed którym ostrzega SKILL.md.

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

Instalacja

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

Komendy i przykładowe prompty

  • /portaljs-add-chartDodaje bramkowany wykres recharts do strony pokazowej datasetu w PortalJS.

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

  • 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

Pełny raport →