Design Studio

A Framer-like workspace for code-owned websites

Inspect pages, section schemas, responsive lanes, SEO metadata, and screenshot output from one local app.

Pages, components, and metadata stay visible while you work

Design Studio page and component browser

Designed for short, reliable feedback loops

The Studio is useful for humans, but it is also an interface for agents: list pages, read section schemas, patch page JSON, take component screenshots, run checks, and export.
check icon
Exact edit surfaceAgents can request one section schema and patch only the needed props.
arrow-right icon
Fast visual QAA screenshot command captures isolated sections across breakpoints.
help icon
AI-ready contextGenerated manifests describe available sections, defaults, and fields.

Studio architecture questions