Interactive media 3d review

Skill jukrap/ai-agent-playbook/skills/frontend/interactive-media-3d-review

Use when implementing or reviewing Three.js, WebGL, canvas, SVG, chart, map, animation, video, or media-heavy interactive UI surfaces.From its SKILL.md

Install

npx -y skills add jukrap/ai-agent-playbook --skill interactive-media-3d-review

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

2 stars2 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.6 KB, 285 tokens by cl100k_base, as published. Nobody here has run it

Interactive Media 3D Review

Use this as the primary frontend skill for interactive rendered surfaces that can fail visually even when ordinary DOM tests pass.

Workflow

Identify the renderer, host framework, asset pipeline, scene lifecycle, camera/framing, interaction model, fallback state, and target devices.
Prefer the repository's existing renderer or a proven domain library before hand-rolling graphics, physics, charts, maps, media controls, or animation engines.
Check the rendering contract: nonblank output, correct bounds, resize/device-pixel-ratio behavior, asset loading, cleanup/disposal, accessibility fallback, and error state.
Verify with rendered evidence: screenshot or pixel check, browser console/network check, interaction smoke test, performance budget, and desktop/mobile viewport coverage.

Reference

Read references/rendering-scene-contract.md for scene, canvas, asset, lifecycle, fallback, and performance boundaries.

Read references/interactive-media-verification.md for screenshot, pixel, interaction, responsive framing, and nonblank verification checks.

Read references/threejs-webgl-production.md for Three.js/WebGL renderer setup, asset budgets, low-power mode, context loss, and disposal checks.

Read references/threejs-scene-risk-checklist.md when the scene includes loaded assets, camera choreography, controls, lighting, animation loops, or performance-sensitive devices.

What ships with it: 4 files

10.3 KB alongside SKILL.md