BetaPublic access. Shipping June 1st→

The cloud IDE for web design agencies.

Code in a quad terminal. Ship in a keystroke. Review PRs, assign tasks, and drop components without leaving the window. Private beta open to a limited set of teams ahead of our June 1st public launch.

Apply for beta accessApply for BetaLearn more
Limited beta, invite only◆ Shipping June 1st◆ No credit card
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 ChatGPT Gemini+ NewSplit⤢
Claude Code v2.1.119
Welcome back Clement Heck!
Opus 4.7 (1M context) with xh… · Claude Max ·
Tips for getting started
Run /init to create a CLAUDE.md file with instructions for Cla…
Recent activity
No recent activity
PS C:\Users\ideas\Documents\Projects\zyan>
Project
Avid Auto Detailing
avidautodetailing.com
Team3 active
MelClementRaviJordan
Recent commits
7f4a9c
Tighten hero CTA spacing
mel · 2m ago
5d81e1
Swap ceramic coating hero img
clement · 14m ago
4a6557
Add reviews carousel to services
ravi · 1h ago
71f1a5
Refine mobile nav: tighter type
mel · 3h ago
2a69fe
Add arrow-wrap to footer CTA
clement · 4h ago
◆ zyan⑂ main◷ Synced · 2s agoUsage: UnlimitedProject: Avid Auto Detailing
1000+integrations, ready out of the box
SalesforceStripeDiscordCalendlyIntercomTwilioSalesforceStripeDiscordCalendlyIntercomTwilio
// also built for
Marketing agenciesCampaigns at velocityEnterpriseSSO, dedicated infraEducation50% off for colleges
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

Run code, preview, git, and task shells together so implementation stays visible.

03

Review

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

04

Ship

Promote approved work to preview, staging, or production with rollback metadata.

Workspace

Quad terminal for real delivery work

Keep the dev server, git, deploy logs, and project tasks running together without stacking browser tabs.

  • Persistent shells per project
  • Branch-aware command context
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
Deploy

Client previews without the scramble

Spin up shareable environments for each branch and move approved work to production from the same window.

  • Preview, staging, and prod targets
  • Rollback-ready release history
Compute

Burst capacity when the build needs it

Scale the workspace for heavy installs, image work, and parallel checks, then drop back down when idle.

  • On-demand CPU and memory
  • Usage tied to active builds
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.

// git-native by default

Your existing GitHub remote, branches, and PRs flow straight into the workspace — no webhook to wire, no extension to install. Reviews, merges, and CI checks live alongside prompts, comments, and deploys in one feed, so the whole team sees the same picture.

Native git
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
Apply for beta access →See a workflow →
◆ Image generation

High-res imagery, generated from your project.

One click — zyan generates production-ready imagery from the brand tokens, copy, and layout already in your workspace. Drag the result straight into a branch, iterate without round-tripping through Figma, and ship the variant your client picked the same afternoon.

  • 4K outputWeb, social, and print-ready in a single render
  • Drag-and-drop into your repoDrop straight onto a branch, a component, or a markdown block
  • Re-roll without leaving the editorVariants generate inline — no swap to Figma, Photoshop, or Midjourney
  • Licensed for client workCommercial use, every plan, no extra fees
image · variant 2 / 44096 × 4096 · cmyk-ready
↳ drag.into.repoready
◆ 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/>
◆ Pricing

One tool. Every client.

Straightforward plans that scale with your agency. No per-seat surprises.

Studio

$29/seat/mo
Freelancers and 2–3 person shops shipping their first handful of client sites.
  • Unlimited projects
  • Quad terminal + git
  • 10 preview environments
  • Community components
  • 1-click deploys
Apply for beta

Agency

$79/seat/mo
Growing studios managing a portfolio of live client sites with a real team.
  • Everything in Studio
  • Unlimited previews + compute
  • Private component library
  • Task & feedback threads
  • Client review portals
  • Priority support
Apply for beta

Enterprise

Custom
Established agencies with SSO, audit, and dedicated-infra requirements.
  • Everything in Agency
  • SSO / SAML + SCIM
  • Dedicated compute regions
  • SOC 2 · HIPAA on request
  • White-label client portals
  • Named success engineer
Talk to sales
View full pricing, compute + add-ons →