Zazen Builder

Generative AI solved the blank canvas problem, but for creators, designers, and site owners whose world is built on traditional CMSs and visual site builders, AI code often feels fragile. Once an LLM outputs HTML, there's no way to click-to-edit or drag-and-drop to make the site everything the user wants it to be. Simple copy tweaks or layout shifts force users back into conversational prompt loops, hoping the model doesn’t hallucinate or break formatting. Zazen Builder bridges these worlds. It is an AI-first site builder fusing conversational agent generation with the authoring experience of modern platforms like WordPress. It is capable of running 100% client-side with zero build pipelines, package managers, or server runtimes. This version doesn't use a JS framework. Just pure HTML, CSS and JS. Why the Approach Is Unique - Decentralized State Store: Site data is preserved in a structured JSON engine (__ZAZEN_DATA), with the DOM acting as a reactive projection. Inline edits directly sync state. - In-Browser WYSIWYG Builder: Pages feature an authoring overlay with inline text editing, HTML5 drag-and-drop section reordering, studio palette switching, and an extensible block drawer. - DOM Scrubbing: On export, an integrated scrubbing engine strips all builder toolbars, modals, and authoring attributes, outputting clean, agency-grade static code with zero security exposure. Universal 3-Tier Deployment: Tier 1: In-browser JSZip export for drag-and-drop hosting (Vercel, Netlify, Cloudflare, S3). Tier 2: 1-click Git staging, commit, and push via a lightweight local bridge. Tier 3: Production handoff to AI agent MCP tools via .zazen/deploy-intent.json. Pushing Boundaries Zazen Builder tests the bleeding edge of AI execution environments. Web chat harnesses (Gemini Canvas, Claude Artifacts, ChatGPT) run inside isolated, cross-origin iframe sandboxes with strict security boundaries. Crucially, current harnesses cannot call Model Context Protocol (MCP) tools from within canvas previews. This prevents the ultimate vision of Zazen Builder today: It turns out that a complete site builder and cloud deployment engine operating entirely inside canvas isn't possible. Zazen Builder takes us down that path though while waiting for harness technology to catch up. In web canvas, client-side JSZip allows full extraction with zero host permissions; in local harnesses, a zero-dependency bridge.js (built on the fly) links visual edits to Git and agent MCP deployment handshakes. Future Evolution When platforms introduce standardized canvas-to-agent WebMCP protocols, Zazen Builder will achieve its ultimate goal: 1-click cloud provisioning and DNS binding directly from canvas buttons. Combined with real-time state streaming from canvas back into model context, it will define true hybrid visual-agentic web authoring.