Diorama Theater
Drop three PNG layers, enter a scene ID and description, then copy the generated Claude Code prompt to run the pipeline.
Background (farthest — Z=−4m)
Midground (middle — Z=−2.5m)
Foreground (closest — Z=−1.2m)
Generated Prompt
How to use
01
Place your PNGs
Copy your three PNG files into assets/input/<scene_id>/ on your local machine before running the pipeline.
02
Generate the prompt
Drop the files above so the uploader knows their names, fill in the scene ID and description, then click Generate Prompt.
03
Paste into Claude Code
Copy the generated prompt and paste it into a Claude Code session. The orchestrator will create the scenes.json entry, run the pipeline, and publish the scene.
04
View your scene
Claude Code will report the GitHub Pages URL once publishing is complete. Your new scene card will appear in the gallery.