Website Studio

Overview

Website Studio is a visual editor that lives inside the Intempt desktop app. You point it at a Next.js repo you already have on GitHub, it runs the site's dev server locally, and it shows the live site on a canvas. You click an element on that canvas to change its text, its image, its link, or its Tailwind styles. The change is written back into the real source files.

Studio edits the real code in a real git repo. It isn't a page builder that generates a throwaway site. The site you edit is the one that already serves your traffic, and it ships through the deploy pipeline you already use.

📘 Good to know

This is a different product from the "Studio" in the Intempt web console (Creative Studio, for ads and brand assets). Website Studio is the repo editor in the desktop app. They share a word, not a feature.

📘 Media pending

Screenshot of the full editor on a loaded site hasn't been captured yet.

How it works

Two ways to make a change

Studio splits editing into clicks and chat.

• Click the canvas for direct edits. When an element's text, image, link, or class is written as a plain value in the source, you can select it and change it from the editor panel: type new text, pick a color, set a font size, swap an image. This covers the everyday edits.
• Hand it to the agent for the rest. Some values aren't plain literals in the code. A translated string behind t('key'), a list rendered by .map(), or an image passed in as a prop can't be edited by a single click. Clicking one of those opens the chat with a message already filled in, and the agent resolves the edit across the files it needs to touch.

You pick the boundary by what you click. A direct value edits in place. An indirect one routes to chat. Nothing is a dead click.

Your repo stays the source of truth

Every edit lands in the repo's source files on a draft branch. A file sidebar lists the project files, a Changes panel lists what you've touched with added and removed line counts, and a diff view shows the exact before and after for any file. When you're ready, you ship: Studio opens a pull request on your GitHub repo, or commits and pushes directly for solo work. Your own deploy pipeline takes it from there.

The agent and your Claude

The chat runs on Claude. On the base tier you use your own Claude, so Studio works before you sign in to Intempt. Sign in and you can switch the chat to Blu, Intempt's agent, with Intempt-provided tokens. The chat shows each tool run as it happens and tracks the tokens and cost for the session.

The Intempt connection

Two things tie Studio to the rest of Intempt once you sign in. You can add the Intempt analytics snippet to the site in one step, so the site starts feeding Intempt's CDP. And after an edit, Studio can suggest a useful next step, including edit-time SEO and accessibility hygiene like missing alt text or a missing meta description.

📘 Good to know

Website Studio is macOS only and supports Next.js App Router repos. Other frameworks and platforms aren't in this version.

Where to go next

• Connect a GitHub repo and load a site to get your first site onto the canvas.
• Edit a page visually for click-to-edit text, images, and styles.
• Use the agent for hard edits for the edits a click can't make.
• Preview and publish your site to review changes and ship them.
• Desktop App Overview for the rest of the desktop app.