Ha 3D Floorplan — Development skill for Claude Code

ha-3d-floorplan — a Claude Code skill

A [Claude Code](https://claude.com/claude-code) skill that builds an interactive **3D dollhouse model of your home** with **live Home Assistant lights**, in a single HTML file (three.js, no build step).

• Tap a lamp in the model to switch it, hold it to dim single bulbs or groups
• One view per room plus a whole-house view; walls between the camera and the room lower automatically
• Day / evening lighting (follows sun.sun), real reflecting mirrors, soft shadows, procedural wood, fabric, tiles and plants
• Fast on a cheap wall tablet: on-demand rendering, adaptive resolution, and a light pool that keeps the whole-house view working with dozens of lamps
• Logs in with Home Assistant's own OAuth login; can be embedded in a custom dashboard (iframe + postMessage)

Install

Clone into your personal skills folder:

git clone https://github.com/joris-db/ha-3d-floorplan ~/.claude/skills/ha-3d-floorplan

Or put it in a project at `.claude/skills/ha-3d-floorplan`.

Use

Ask Claude Code something like:

Build a 3D floor plan of my apartment for my Home Assistant tablet. Here is the floor plan and photos of each room; the lamps are in HA.

Claude starts from `assets/template.html` (a working example house), models your rooms from your floor plan and photos, links the lamps to your entities, checks every view with screenshots and helps you deploy it to `/config/www` (served at `/local/…`).

Contents

File
SKILL.md	Workflow, testing loop and lessons learned
assets/template.html	Complete working example to start from
references/architecture.md	How walls, lamps, the HA connection, the whole-house light pool and embedding work
references/modeling.md	Materials, textures, lamps, mirrors, plants, curved balconies, furniture recipes
scripts/serve.js	Local preview server that saves test screenshots

Try the template right away: `node scripts/serve.js assets` and open