Right-click a site to file it in a category or archive it. Drag a category heading to reorder the sections.
Unsorted
0
No projects yet. Hit New project, fill in the brief, and Claude builds the first version while you watch.
Nothing is archived. Right-click a site on the home page and choose Archive to tuck it away here.
Drafts
Briefs you started but have not fired yet. They save themselves as you type — open one to carry on.
Developer
Tools for the builder itself. The first one builds custom elements for the menu; four slots are waiting for the next.
Site Builder
CRM
Every lead from first hello to signed — who they are, where the deal stands, and the last thing anyone said.
Open pipeline—
Weighted forecast—
Won this month—
Needs a follow-up—
Last communication
Nothing matches that.
Contact
Role
Reach
Source
Added
Nothing matches that.
No leads yet. Hit New lead to start the pipeline — every call, email and meeting gets logged against the lead, so the last contact is always one glance away.
No future leads yet. Hit New contact to keep a list of people worth reaching out to — once outreach starts, drag them onto Active leads to put them in the pipeline.
Site Builder
Project brief
Everything Claude needs for the initial build. Fill it top to bottom and fire.
—
16
No marks yet
1.5
0
0
Design
The colours and the type this site is built from
This site doesn’t keep its colours as reusable tokens, so there’s nothing to recolour from here. Select an element on the page to colour it directly.
This site doesn’t keep its fonts as reusable tokens, so there’s nothing to restyle from here. Select some words on the page and use the Text tool to change their font.
Nothing of this kind is on the page you’re looking at. Open a page that has some and they’ll show up here.
Section library
CarouselDrop in photos or logos. The crop tool gives each one the Hughes Mechanical treatment — borders off, flat background lifted, cropped to the mark — then drag the preview onto the page.
Drop photos or logos hereor choose files — PNG, JPG, WebP, SVG
Your carousel shows here the moment the first picture lands.
Drag onto the page
Grab the preview and drop it where it belongs. The page shows it in place before you let go.
Check everything before the site goes live, or send the client a private link to review this version.
Checking…Scanning the site against the pre-launch criteria.
–SEO–AEO
Nothing to check yet — the checklist fills in once the site has pages.
Publish to NetlifyPut the site live on Netlify with one click — free hosting, https included, and forms with data-netlify start working.Connected to Netlify as ·
A Netlify window opens — approve once and every site in the app can publish.Netlify needs its one-time setup first — to hook it up.
Ship itDownload the finished site as a .zip and upload it to your host.
Client shareA private link to this version of the site — a separate page with no editing and no code. Choose what the client gets and which pages go in, then send the link.
No client shares yet — create one above and send the link.
Search & answer-engine report
How this site stacks up against the SEO and AEO criteria.
–
SEOSearch engine optimization — how well crawlers can read, index and rank the site.
–
AEOAnswer engine optimization — how likely AI assistants and answer boxes are to cite the site.
No pages to audit yet — the report fills in once the site has pages.
Out of Claude usage? Ask a teammate to lend you a slice of their plan. Your turns run on their account until the share is used up, or either of you ends it.
10%
Settings
App-wide preferences for Site Builder.
Authorized users
The Google accounts allowed into the builder. Google sign-in is coming next — this list decides who gets in when it lands.
No one on the list yet — add the Google account emails that should have access.
Claude Code is the engine that builds every site. Each person connects their own Claude subscription — builds you start run on your account.
Connected as
Opens the setup wizard — approve in your browser, paste the code it shows, done.
One Netlify account powers publishing for the whole organization — every site in the app goes live through it.
Connected as
A Netlify window opens — approve the connection and the whole app is hooked up.
One-time setup (an admin does this once for the organization):
Name it anything (e.g. “Site Builder”) and set the redirect URI to
Save, then copy the Client ID it shows and paste it here:
Only the public client ID is stored — no secret, no token pasting. After this, connecting is just the login button.
Fonts
Google Fonts available in the Text tool's font picker, beyond the built-in set. Anyone can add one — case matters, so match the name exactly as Google Fonts spells it.
No custom fonts yet — add any family from fonts.google.com.
Backups
Every project — site files, brief and full git history — plus the app's settings is archived to Cloud Storage automatically every week, and the newest eight archives are kept.