YAML is the syntax. The schema is the safety net. AI writes the code.

From API spec to working Next.js app in hours. Stackwright is a typed DSL where AI agents write YAML, the schema enforces safety, and the output is a production-ready React app you own.

Stackwright Logo

Why Stackwright

AI-Native Authoring

Specialized AI agents write schema-validated YAML. The Otter Raft handles brand, theme, and pages through conversation.

Safe by Construction

Zod schemas enforce correctness at build time and runtime. Invalid states are rejected before reaching the browser.

Hours, Not Days

Go from API spec to working demo in a hackathon sprint. npx launch-stackwright and you're building.

Theme System

Dark mode, custom palettes, typography, spacing — all in YAML. One file controls the entire visual identity.

Standard React Output

The output is a Next.js app in a git repo you own. No lock-in, no runtime magic. Fork it, extend it, deploy it.

MCP Integration

20+ tools via Model Context Protocol. AI agents create pages, validate schemas, render previews, and open PRs.

Get Started in 60 Seconds

Install Stackwright and launch your first site. The Otter Raft is ready to build.

bash
npx launch-stackwright my-site
cd my-site
pnpm install
pnpm dev

That's it. Your site is running at localhost:3000 with the Otter Raft ready to build.

Pages Are YAML

Write structured content, not code. The schema validates every field before rendering.

yaml
1content:
2  content_items:
3    - type: main
4      label: hero
5      heading:
6        text: "Hello World"
7        textSize: h1
8      textBlocks:
9        - text: "My first Stackwright page."
10          textSize: body1
11      buttons:
12        - text: "Learn More"
13          variant: contained
14          href: /about

Ready to Build?

Stackwright turns structured YAML into production-ready Next.js apps. Start with the CLI, bring your team, and ship something real.