Workbase Design
Workbase Design Framework

Build marketing pages from configuration, not drift.

A project-owned section system, native Studio canvas, and Astro export pipeline for agent-built websites.
Open StudioView Demo
Visual design studio and generated site preview
100%Config sourcePages are JSON files, so agents patch exact props instead of rewriting screens.
0Canvas iframesThe Studio renders React sections directly across desktop, tablet, and mobile.
0Default hydrationAstro output stays static unless a project section explicitly needs client code.

A cleaner operating model for AI-built websites

The framework owns primitives and checks. The website owns its sections, graphics, copy, and page order.
check icon
File based pagesEvery route is a JSON document with SEO, status, and ordered section instances.
arrow-right icon
Project owned sectionsSections live in the website repo and are rendered natively inside Studio.
help icon
Generated runtimeBuilds generate Astro routes only at export time, keeping projects simple.

Local visual editing without giving up code ownership

Agents and humans can inspect the same source of truth: pages, section schemas, metadata, and responsive screenshots. The Studio is a local control surface, not a parallel CMS.
check iconNative React canvas with desktop, tablet, and mobile lanes
check iconSection screenshots cropped to the component, not the Studio UI
check iconAI manifest and schema commands for exact edits
See Studio Flow
Workspace with design system planning boards

Ready for the next website iteration?

Use the framework to build the next Workbase website from clean project sections, verifiable screenshots, and deployable Astro output.
Review Studio