◆ Zyan Build

The AI Website Builder Agencies Run in the Browser.

Zyan Build is the AI website builder for web design agencies: a browser IDE where your team, Claude Code and Codex work the same client repo, with a file tree, editor, live preview and a real terminal in one window. Nothing to install.

Start building Watch a real edit
◆ Real git — clone, branch, PR◆ Per-session sandbox◆ No local setup
Avid Auto DetailingAvid Auto Detailing · Derry, NH · auto detailing
◷ Synced● Live
Code
Components
Images
Tasks
Requests
Feedback
Brief
Preview
Prompt Lib
Settings
Files + ↻
▾ .claude
▸ about-us
▸ api
▾ assets
▾ css
members-area.css
tokens.css
▸ js
▾ auto-detailing
index.php
▸ blog
▸ ceramic-coating
▸ contact
▸ dist
▸ pricing
▸ services
members-area.css×
HeroSection.tsx×
index.php×
+
1
Claude Codex+ New⤢
Claude Code
Welcome back, Maya!
Opus · 1M context · Claude Max
Tips for getting started
Run /init to create a CLAUDE.md file with instructions for Cla…
Recent activity
No recent activity
~/copperline-site $
Project
Avid Auto Detailing
avidautodetailing.com
Team3 active
MelMayaAshwinJordan
Recent commits
7f4a9c
Tighten hero CTA spacing
mel · 2m ago
5d81e1
Swap ceramic coating hero img
maya · 14m ago
4a6557
Add reviews carousel to services
jordan · 1h ago
71f1a5
Refine mobile nav: tighter type
mel · 3h ago
2a69fe
Add arrow-wrap to footer CTA
maya · 4h ago
◆ zyan⑂ main◷ Synced · 2s agoUsage: UnlimitedProject: Avid Auto Detailing
◆ How it works

From client repo to pull request, with an AI coding agent.

One tab holds the whole loop, and every change lands as a commit the agency can read.

  1. Clone the client repo

    Open the client’s repo in the browser IDE: file tree, editor, live preview and a real terminal together, with nothing to install locally.

  2. Pair with the agent

    Ask for a change, then review the diff beside the live preview. The full run, including the prompt, stays in the activity history.

  3. Push the pull request

    Commit, push and open the PR in one window. Follow its status, then deploy to Vercel or over FTP. Each terminal session runs in its own sandbox.

Illustrative workflow · Actual Avid website capture

◆ A real session

Build client websites with Claude Code and Codex, in the browser.

A real Claude Code session in the Builder, updating a demo dental practice’s page from a short brief while the preview reloads beside it.

Claude Code in the Builder terminal updating Harbor Dental’s page: the prompt asks for an Emergency dentist in Portland, Maine headline, a Call about availability button and a What to expect section; Claude edits index.html and styles.css, and the preview shows the new page.. Recorded in Zyan Demo site 1.3× speed

  1. Describe the change.

    The brief goes into the terminal in plain words: the headline, a call button, a new section.

  2. Claude edits the files.

    It reads the page, updates index.html and styles.css, and shows each change as a diff.

  3. Check it in the preview.

    The preview reloads with the new page, ready to review, commit and push.

How Claude works in Zyan →How OpenAI works in Zyan →

◆ Inside the Builder

A Browser IDE for Client Websites, From Repo to Deploy.

Everything a web design team needs to build, check and ship a client site, in one tab.

  • Annotate the live preview

    Click an element in the preview, describe the change, and queue it for Claude.

  • Claude Code and Codex

    Open New Claude or New Codex on the client’s repo, signed in as yourself.

  • A component library

    Pick a section or a page kit, and Claude fits it into the site.

  • Project plugins

    Claude reads Stripe, Shopify or Supabase. Writes stay off until you allow them.

  • Project images

    Search Openverse and Pexels, or generate an image with your own OpenAI key.

  • A shared Prompt Library

    Save the prompts that work, in folders the whole team can use.

◆ For web design agencies

The website builder for web design agencies.

Every client site starts with a brief and keeps going after launch. The Builder keeps each site’s work, requests and history together, and the client follows along in their portal.

The Builder dashboard of a web design agency: an overview of six projects with a row to resume Harbor Dental’s website, the client requests waiting for Builder work, the client websites with their branch, domain, deploy target and state, and the team’s recent commits, pushes, merges and deploys.
Recorded in Zyan · Demo workspace

  • Every client site in one place

    Each project with its branch, domain, deploy target and state, and the one you were in ready to resume.

  • Client requests, waiting for the build

    Requests clients send from their portal show up by project, beside the brief and tasks you linked.

  • A history for every handoff

    Commits, pushes, merges and deploys land in one feed, so whoever picks a site up next starts informed.

White-label client portals →Agency SEO software →

◆ Questions

Website builder questions

Can we work with an existing client repository?
Yes. Choose a GitHub repository and the Builder clones it into the project. Work on a branch with the editor, terminal and preview together, then commit, push and open a pull request. Your repository stays the source of truth.
Which AI coding agents run in the Builder?
Claude Code and Codex. Open a New Claude or New Codex tab in the terminal and sign in with your own account, or point Claude Code at an Anthropic-compatible API endpoint in Builder settings.
Can we reuse our own sections and prompts?
Yes. Use the components already in your repository or start from the component library and its page kits. Save the prompts that work in the Prompt Library, in folders your team shares.
Where can we deploy client sites?
GitHub projects deploy through Vercel, with production promotion from the Builder. Sites on Bluehost or another FTP host use the Deploy button, which uploads the built files.
Does the client need a Builder seat?
No. Builder seats are for your team. Clients follow the project in their portal, review designs, exchange files and send requests, and linked requests show up in the Builder.
Can we offer ongoing SEO after launch?
Yes. The SEO Command Center is included on Studio and Agency. Research, audits, content plans and reports stay connected to the client site, and a recommended fix can go straight to the terminal.