Three.js scenes can now work perfectly with HyperFrames. This skill helps you create 3D animations that always look the same on every frame. You just listen for a seek event and update your scene based on time.
Your scene does not need a running clock. Instead it uses the time from HyperFrames. That makes each frame predictable and repeatable. You can build product spins, camera moves, or shader effects this way.
Load all models and textures before you start. Then render exactly when told. This skill is great for making deterministic visuals for video or AI generated media.
Add Three skill to your workflow
Global
mkdir -p ~/.claude/skills/threeProject
mkdir -p .claude/skills/threeSource Repository
More Generative Media Claude Code Skills
Remotion Best Practicesremotion-dev/skills
Best practices for building videos with React and Remotion
Remotion Renderhalt-catch-fire/skills
Render React code to MP4 videos with Remotion and the belt CLI
Ai Video Generationhalt-catch-fire/skills
Create AI videos from text or images with 40+ models via inference.sh CLI
Ai Image Generationhalt-catch-fire/skills
Create AI images from text with 50+ models via simple CLI commands
Image To Videoagentspace-so/runcomfy-agent-skills
Pick the right AI model to animate your image into video
Nano Banana 2agentspace-so/runcomfy-agent-skills
Create rapid image drafts with strong typography using Google Nano Banana 2 on RunComfy
Nano Banana Editagentspace-so/runcomfy-agent-skills
Edit images with AI preserve subjects swap backgrounds batch up to 20
Flux Kontextagentspace-so/runcomfy-agent-skills
Flux Kontext Pro edits one image part while keeping the rest identical