STEP 01
Capture the brief
A structured brief defines the goal, audience, sections, and visual direction. No private data leaves the workspace — concepts run on synthetic, public-safe content.
SITE FACTORY PREVIEW DEMO · OD PIPELINE
From a single brief to design evidence, then a production build.
An AI-assisted pipeline that turns a brief into design evidence — then into a production Astro or WooCommerce build.
The pipeline
Three steps from brief to buildable.
Each step produces something you can read, review, and reject — long before any production code is committed.
STEP 02
Generate design evidence
The pipeline composes a polished single-page concept as static HTML. It is design evidence — a reviewable artifact — not a deployed site, so feedback stays cheap.
STEP 03
Promote to production
Once a concept clears its review gates, the same structure is handed to a production Astro or WooCommerce build with content and components mapped in.
The stack
Four parts, one accountable flow.
Each layer has a single job — and a clear handoff to the next.
Open Design
Turns a brief into a structured concept and a reviewable static preview — the design evidence the rest of the pipeline builds on.
Concept & preview
Claude Code
The agent that reads the brief, authors the artifact, and wires structure into the production build — under explicit review gates.
Build agent
Astro / WooCommerce
The production targets. Marketing and content sites ship on Astro; storefronts and catalog flows ship on WooCommerce.
Production target
QA
Automated and human checks for accessibility, responsiveness, performance, and content safety before anything is promoted.
Quality gate
Review gates
Nothing ships without passing through review.
G1
Brief & safety check
Confirms the brief is well-formed and that the concept uses only public-safe, synthetic content — no credentials, no client data, no real customer claims.
G2
Design review
Hierarchy, contrast, responsiveness, and brand fit are reviewed on the static preview while changes are still inexpensive.
G3
Build QA
Accessibility, performance budgets, and cross-device behavior are verified before promotion to a production Astro or WooCommerce target.
G4
Promotion approval
A human signs off on the gated artifact. Only an approved concept is handed to the production build step.
Run the pipeline
Hand it a brief. Get back design evidence.
Drop in a goal, an audience, and a few sections. The pipeline returns a reviewable concept you can promote to a production Astro or WooCommerce build.