Interactive scenes Skills for AI agents

Live 3D, SVG and canvas scenes your agent builds and tunes in the browser: dioramas, a flyable gunship, a rainy street corner, drinks and objects you can spin.

Launch Physics Lab: Rocket Series

3D City Through Time

3D Vehicle Worlds

WebGPU Soft-Body Gummy Bears

Resin Diorama

3D Rainy Night Storefronts

3D Shard Morphing

Interactive 3D Cocktails

Flux Rotor: Cobalt Drive

Voxel Paddock: Mint Apex

River Era: Valley Years

3D Metallic Title Animation

3D Mechanical Watch Explorer

Radiograph Reel: Bumble Ledger

Coastal Cycle: Harbor Pelican

Sprout Study: Terracotta Mint

3D Firefly Terrariums

Stone Stars: 3D Miniature Landmark City

Interactive 3D Plush Toys

3D Architecture Night-to-Day Explorer

3D Voxel Creature Flight

Epicycle Studio: Ink Portrait

Bio Lesson 3D: Immune Defense

Field Lines: Charge Bench

More Skills
THE FIELD GUIDE

A working guide to interactive scenes Skills.

Live 3D, SVG and canvas scenes your agent builds and tunes in the browser: dioramas, a flyable gunship, a rainy street corner, drinks and objects you can spin.

Specify the scene, camera, interactions and the devices that need to run it.

Connect your task to a workflow.

Start with a task, then explore the possibilities.

Social media

Create visual stories, short videos and imagery around an idea your audience can connect with.

Explore Social media

Education explainers

Explain a concept through visible steps, illustrated examples and interactive learning experiences.

Explore Education explainers

Games & play

Explore playable ideas, interactive scenes and small games built around a clear mechanic.

Explore Games & play

Content publishing

Shape your source material into visual stories, editorial layouts and content ready to share.

Explore Content publishing
FIND YOUR FIT

Choose your interactive scenes workflow.

Compare the inputs and deliverables before you begin.

What you haveWhat to look forNext step
A clear briefSpecify the scene, camera, interactions and the devices that need to run it.Browse this collection
Source materialCheck the chosen Skill’s required inputs and which details it can preserve.Read the Skills guide
A different outputExplore visual directions, motion and interactive experiences from your own design brief.Designer
PUT IT TO WORK

From a brief to a usable result.

  1. Choose a workflow

    Compare the example, inputs and deliverables against your brief.

  2. Prepare the inputs

    Specify the scene, camera, interactions and the devices that need to run it.

  3. Run and review

    Follow the Skill’s instructions and check the output in its intended context.

Read the Skills guide
FAQ

Interactive scenes Skills: common questions.

A few things to know before you start.

How do I choose a interactive scenes Skill?

Live 3D, SVG and canvas scenes your agent builds and tunes in the browser: dioramas, a flyable gunship, a rainy street corner, drinks and objects you can spin. Compare the actual example and deliverables with your intended result.

What should I prepare?

Specify the scene, camera, interactions and the devices that need to run it.

Can I edit the result?

This depends on the Skill. Check whether it delivers source files, rendered media or an interactive artifact, and which tools are needed to edit it.

Can I use the result commercially?

Review the Skill license, the model’s terms and the rights to your input media. A public example is not a blanket commercial license.