Agent skill
Plan to 3D House skill
Turn any floor plan into a vertical 3D house reel (ink plan draws, walls rise, materials scan in, walk-through) or a live scroll page, from one plan.json, with the SceneSkills Plan to 3D House kit.
One data file describes a floor plan. The kit turns it into: an ink plan that draws itself on paper -> white card walls that rise out of the lines -> a scan that turns card into real materials -> a walk-through -> back to the plan. Everything is code: no images, no models. For architects, interior designers, builders and real-estate reels.
What the skill teaches your agent about the style:
Paper first: warm off-white paper, black ink lines, small room labels and areas, dimension lines.
Card walls: pure white model walls rising from the ink, like an architect's maquette.
The scan: a bright line sweeps across and swaps card for real materials (oak, stone, deck, plaster, cladding, pool water), lamps switch on, the sun warms.
Walk-through: a slow eye-level path through 3-4 rooms, each labelled, then up and back to the plan.
Text: step labels 01-04 at the top, a headline at the start ("EVERY HOUSE STARTS AS A PLAN.") and the end ("FROM PLAN TO HOME."), one accent colour.
Format: 9:16, 20-30 s, music-led.
- 1
Describe the house
From the user's plan (image, PDF or measurements), write plan.json in metres. Trace exterior walls first, then interior walls, then openings, rooms, slabs and furniture. Keep the plan centred near the origin.
- 2
Check stills
Stills of the ink plan (t ~2.8) and a top view after the rise: check that walls meet, openings sit in the right walls and labels don't overlap.
- 3
Plan the camera
Adjust the camera path in film.js so the walk-through visits the 3 best rooms (living + kitchen, bedroom, bath or pool). Keep the camera moving.
- 4
Render
Render 1080x1920. Music: align the track's lift to the scan moment.
- 5
Web page version
For a website: open page.html with the same plan.json.