Zyan Build — The Web Studio for Agencies

Prompt to pushed

Every Change Is a Real Commit. Every Prompt Is on the Record.

Ask the AI pair for a change and review it as a proper diff. Approve it, commit it, and push it through the GitHub App — while the whole run lands in the team activity ledger, from prompt to push.

Claude and Kimi prompts with project context and spend controls
Branch-aware git status, PRs, and merges via the GitHub App
An activity feed your whole agency can read

Built for agencies

Everything Your Design Agency Runs On. One Window, No Context Switches.

Build, preview, review, deploy, and hand off client sites from one controlled workspace. Zyan replaces the tool shuffle with a clear operating layer for agency delivery.

01

Brief

Pull client notes, assets, and acceptance criteria into the workspace before a dev server starts.

02

Build

Edit in the browser IDE with an AI pair, preview as you go, and keep tasks beside the code.

03

Review

Turn comments into assigned work with file context and branch history attached.

04

Ship

Push approved work through your git flow — every commit, prompt, and handoff lands in the activity ledger.

Workspace

A Browser IDE Built for Client Work

Editor, file tree, briefs, images, tasks, and feedback panels in one window — no local setup for anyone on the team.

Command palette and shortcuts
Briefs and assets beside the code

Review

PRs and Comments Stay Attached

Design feedback, implementation notes, commits, and approvals live beside the files they refer to.

File-level review threads
Task handoff from feedback

Templates

Start from a Real Site, Not a Blank Repo

Clone production-grade starters and re-theme them to the client brand — layout, copy, and components ready to edit.

Full source, no locked builder
Brand swap in the editor

AI

An AI Pair That Knows the Project

Run Claude or Kimi prompts with project context — personalize copy, plan work, generate images — under per-workspace spend controls.

Claude + Kimi models
Prompt library and shared context

Assets

Licensed Images and Components in Flow

Search approved imagery and pull reusable UI into the project without handing the job to another tool.

Agency component library
Source and license metadata

Ops

Agency Activity in One Readable Feed

See who changed what, which prompts ran, what shipped, and where follow-up is needed across client work.

Team presence and workload
Project-level activity ledger

◆ Activity & workflow

Every Commit, Prompt, and Comment — Synced into One Live Feed.

Stop stitching Slack, Linear, and Git logs together. Pin feedback to any file, auto-spin it into tasks, and watch your team's workload unfold in real time.

Activity

Live feed of builder activity, workspace events, prompt logs, and file presence

DashboardProjectsPromptsActivitySettings

COMMITS

32

PROMPTS

120

ACTIVE NOW

3

DEPLOY EVENTS

7

Team workload

Commits, prompts, file edits, and live presence

4 users

Avery Stone

Lead Developer

325

events

32 commits85 prompts3 files

/assets/css/members-area.css1m ago

Maya Brooks

Developer

35

events

0 commits35 prompts0 files

.eslintrc.json2d ago

Jordan Vale

Developer

0

events

0 commits0 prompts0 files

jordan.vale@example.studioNo activity

Riley Quinn

Sales Rep

0

events

0 commits0 prompts0 files

riley.quinn@example.studioNo activity

Live activity feed

Synced from builder activity, workspace events, prompt logs, and file presence

Search activity…All kinds ▾7d ▾

Workspacetree changeAvid Auto Detailing

refactor: hero grid tokens

1m ago

mayaleft feedbackAvid Auto Detailing

"tighten CTA spacing — HeroSection.tsx:12"

2m ago

Workspacefile changeBook Music Bureau

dj-apar-card.webp

2m ago

averyassigned task#20 · mobile nav hover

to @jordan · due Friday

3m ago

Workspaceremote repo updateAvid Auto Detailing

remote repo update

4m ago

averycommitted changesAvid Auto Detailing

push · 7f4a9c tighten hero CTA

4m ago

Workspacedeployed to prodavidautodetailing.com

14 regions · 4.1s · lighthouse 98

4m ago

Workspaceremote repo updateXuna AI

remote repo update

5m ago

Register →See a workflow →

◆ Component library

Pre-Built. Or Bring Your Own.

240+ accessibility-audited components. Fork to your agency's system, or upload your team's private kit with one command.

Browse library →

Book nowDetails

Button<Button/>

Hero<Hero/>

Pricing<PriceTable/>

Nav<Nav/>

Form<Form/>

Card<Card/>

Gallery<Gallery/>

Footer<Footer/>

Templates

Start from a Real Site. Make It Theirs.

Clone a production-grade starter — Tality, ProTech, Prime — and re-theme it to the client brand in the editor. Layout, copy, and components arrive ready to edit, not as an empty folder.

Full source templates, not locked page builders
Brand swap: colors, type, and components in one pass
Your own past projects become starters too

SEO built in

The SEO Command Center Lives Inside the Workspace.

Flip the workspace into SEO mode: run audits, research keywords, and fix metadata on the pages you are already editing. No export, no second tool, no stale copy of the site.

Site audits with prioritized fixes
Keyword research on live search data
White-label SEO reports for clients

Learn by building

The Same Studio Works as a Classroom.

Templates give students a real site on day one. Seats and permissions keep cohorts organized, and the activity feed shows instructors the actual work — every edit, prompt, and commit.

Zyan for education

Design It. Code It. Ship It. All in the Browser.

Every Change Is a Real Commit. Every Prompt Is on the Record.

Everything Your Design Agency Runs On. One Window, No Context Switches.

Brief

Build

Review

Ship

A Browser IDE Built for Client Work

PRs and Comments Stay Attached

Start from a Real Site, Not a Blank Repo

An AI Pair That Knows the Project

Licensed Images and Components in Flow

Agency Activity in One Readable Feed

Every Commit, Prompt, and Comment — Synced into One Live Feed.

Pre-Built. Or Bring Your Own.

Start from a Real Site. Make It Theirs.

The SEO Command Center Lives Inside the Workspace.

The Same Studio Works as a Classroom.

Build the Agency's IDE with Us.