Menu
Build and verify SPHR IIIF image server scenes and inspectable image planes.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Convert and verify Matterport E57 exports for SPHR, including aligned 360 cube-face scan nodes, reduced 50k GLB meshes, data-only bootstrap/manifest packages, and browser navigation checks. Use when working with Matterport E57 or zip exports, Matterport scan alignment, SPHR Matterport data packages, mesh repair, or Matterport-like click/next panorama navigation.
Build and verify SPHR 360 panorama scenes using equirectangular images, cube faces, node navigation, and guided tourpoints.
Integrate Spark-rendered 3D Gaussian splats into SPHR Next, including legacy conversion, file inspection, config wiring, transforms, loading behavior, and verification.
Inspect, set up, and manage the SPHR Next project envelope, scene configs, local assets, and dev URLs before deeper SPHR scene work.
Build or fix SPHR animated guided tours, including tourpoints, camera moves, text/media overlays, annotations, models, audio, and extra transitions.
Run complete SPHR Next verification for renderer, tour, layout, asset, and production-build changes.
| name | sphr-iiif |
| description | Build and verify SPHR IIIF image server scenes and inspectable image planes. |
| argument-hint | ["IIIF image/canvas/service URL or config"] |
| allowed-tools | Read Write Glob Bash(ls *) Bash(rg *) Bash(node .claude/scripts/project/validate-bootstrap.mjs *) Bash(node .claude/scripts/tour/create-bootstrap.mjs *) Bash(node .claude/scripts/project/verify-app.mjs *) Bash(npm run typecheck *) Bash(npm run build *) |
| agent | sphr-iiif |
Use this for SPHR IIIF image scenes.
Set space.type to iiif. Use either space.src or space.space_data.iiif.
{
"space": {
"id": "iiif-scene",
"title": "IIIF Scene",
"type": "iiif",
"src": "https://example.org/iiif/image/full/1600,/0/default.jpg",
"space_data": {
"iiif": {
"id": "image",
"url": "https://example.org/iiif/image/full/1600,/0/default.jpg",
"infoUrl": "https://example.org/iiif/image/info.json",
"position": [0, 2, -4],
"scale": 1
}
}
}
}
IiifImageLayer loads info.json when available to preserve aspect ratio. If infoUrl is absent, provide width and height or use a direct image URL.
infoUrl separate when available.node .claude/scripts/project/validate-bootstrap.mjs <config>
npm run typecheck
npm run build
node .claude/scripts/project/verify-app.mjs --url "http://localhost:3000/?config=/configs/<config>.json" --screenshots
Final response should report IIIF source URL, info URL/aspect behavior, config path, and verification outcome.