Building a Full 3D CAD Tool in the Browser — From Scratch with Claude Code

Описание: Watch me build a precision 3D modeling tool entirely in the browser — no installs, no backend, just HTML/JS and two incredible open-source libraries powered by WebAssembly. Claude Code (Anthropic's AI coding agent) writes the implementation while I direct the architecture and design.

What you'll see:

Sketch tools (rectangle, circle, polygon with arc segments)
Real B-rep extrusion, fillet, chamfer, shell, and booleans
Revolve, sweep (helix/spiral), and loft operations
STEP file import/export — full CAD interoperability
Constraint solver with auto-inference (H/V, angles, snap)
Translation/rotation/scale gizmos
Undo/redo, save/load projects, and more
Tools used:

🤖 Claude Code (Anthropic) — AI coding agent that writes the implementation
https://claude.ai/claude-code
⚙️ OpenCascade.js — Full B-rep CAD kernel compiled to WebAssembly
https://ocjs.org
📐 PlaneGCS — FreeCAD's 2D constraint solver ported to WASM
https://github.com/AnotherEngineer/planegcs (npm: @salusoft89/planegcs)
🎨 Three.js — 3D rendering
https://threejs.org
The project: FromScratch — a free, web-based, Shapr3D-inspired 3D modeler.
49 features implemented and counting.