Browser Layout Editor

Build browser-based 2D layout editors with FastAPI + vanilla JS + SVG.

When to Use This Skill

Use when asked to:

• Create visual editors for 2D layouts (cut lists, floor plans, room arrangements)
• Build drag-and-drop interfaces with multiple containers or sheets
• Develop interactive browser UIs for editing positions and sizes
• Create single-file browser applications served from Python
• Implement real-time position editing with validation and collision detection

Do NOT use when:

• Simple form inputs are sufficient (don't over-engineer)
• 3D visualization is needed (this is 2D only)
• User needs desktop application (this is browser-based)

Architecture