z10

Zero-10 is a design tool where AI agents edit designs through standard DOM APIs. The .z10.html file format annotates plain HTML/CSS with data-z10-* attributes and embedded JSON metadata, so agents can read and write UI natively - no custom SDK, no brittle schema to learn. The CLI and an MCP server expose a minimal DOM-style surface (createElement, setAttribute, style.*); a Next.js + Postgres web canvas streams edits live with layers, drag-drop, per-page zoom/pan, and a component registry; a bundled z10 Claude Code skill wraps the CLI so an agent can design full dashboards directly from chat.

The core was built in one March 2026 week - document model, MCP server, CLI, format parser/serializer, web canvas, collaborative engine, component CRUD, assets panel, rate limiting - followed by a hardening pass that fixed web persistence so edits survive refresh and rewrote the README around the Claude-skill workflow. Vitest suite throughout; the whole thing is structured as the DOM-native substrate an agent actually wants to operate on.