Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →datopian/portaljs-add-map
Render a GeoJSON dataset on an interactive Leaflet map in the Views section of a dataset's showcase. Installs react-leaflet and a Map component, then renders the map for the chosen dataset.
Passed 15 of 20 test cases with the skill, and 8 of 20 without it.
and 8 more in the full report
8 fixed9 passed either way5 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 8 test cases the skill fixed. Same model, same prompt, with and without the skill.
I need to initialize a brand-new Next.js PortalJS catalog site from scratch in an empty directory. What command should I run to create the initial portal scaffold?
| Checked | Without skill | With skill |
|---|---|---|
| Recommending portaljs-new-portal for scaffolding new portal repositories. | Missed | Passed |
| Avoiding map dependency installation in uninitialized project directories. | Passed | Passed |
The instructions your model reads when the skill loads.
Add an interactive Leaflet map as a view on a dataset's showcase in a
portaljs-catalog portal. The skill installs react-leaflet/leaflet (added directly —
never @portaljs/components), writes a reusable Map component split across
MapView.tsx (the Leaflet code) and Map.tsx (a dynamic(..., { ssr: false }) wrapper,
since Leaflet touches window at module load), and renders <Map /> into the Views
section of the showcase route pages/[owner]/[slug].tsx for one chosen GeoJSON dataset.
The dataset should already carry format: "geojson" in datasets.json; if it doesn't
exist yet, the skill can copy the file and register it first.
portaljs-new-portal).datasets.json with format: "geojson" (see
portaljs-add-dataset), or a GeoJSON source file/URL to register.The canonical, full step-by-step workflow is
.claude/commands/portaljs-add-map.md — the
single source of truth. Read and follow it when executing. Summary:
datasets.json, package.json,
pages/[owner]/[slug].tsx must exist).datasets.json, or validate and register a new GeoJSON
source (copy to /public/data/, append a manifest entry).npm install react-leaflet@^5 leaflet@^1.9 and
npm install -D @types/leaflet (skip if already present).components/MapView.tsx and components/Map.tsx (idempotent — skip if
Map.tsx already exists).<Map /> into the Views section, gated on the dataset's (namespace, slug) so
other showcases are unaffected. Extend an existing view-dispatch block, do not
overwrite it.npx tsc --noEmit (never next build against a live dev server).test cases passed, vs 8 / 20 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.