# Diorama

> A Claude Code skill that builds small animated isometric 3D scenes for the web: a hero for a landing page, a card for docs, a mini figure for any small spot (an empty state, a feature list, a 404). One self-contained HTML file on three.js r128. Five themes (toy, soft, mono, line, night), every field overridable.

Install: npx skills add educlopez/diorama -g
Repository: https://github.com/educlopez/diorama
Skill: https://github.com/educlopez/diorama/blob/main/SKILL.md

## Examples
- town (hero, toy): Six blocks of houses, shops, a park and a tower; cars, a bus and a tram keep the streets busy and the crane turns.
- island (hero, toy): A boat circles the island and ties up at the pier, the lamp turns, gulls cross, the waves breathe.
- farm (hero, toy): A tractor laps the fields and stops at the barn, the windmill turns, sheep graze, the farmer walks the lane.
- warehouse (hero, toy): A truck circles the yard and docks, a forklift carries pallets to the racks, and the yard keeps its own time.
- cafe (card, soft): A barista pulls shots, a customer comes for a cup and goes, a cat minds the chair.
- launchpad (card, night): A rocket waits on its pad under floodlights; every so often the arm swings away and it launches.
- server (card, mono): Three racks blink in their own rhythms, the fan turns, a technician walks the aisle with a laptop.
- rack (card, mono): A three-level rack with nothing on it and a forklift waiting. Hover a level and the forks go to it.
- mailbox (mini, toy): An open letterbox with nothing inside. The flag lifts now and then to check, and settles again.
- seedling (mini, line): A pot of soil with nothing growing and a watering can that tips now and then.
- desk (mini, line): A desk with a lamp, an empty tray and a mug; the chair swivels now and then and the mug steams.

## Pages
- /figures: the examples, live, in every theme
- /docs: install, prompts, sizes, themes, the figure file, scripts, embedding