Building software · Claude Code

Tweak your site's look in the browser and let the agent write the code

Idea + starter prompt, not run by us yet

For: Designers and owners who would rather adjust a site visually than edit CSS

CSS Studio runs on your local site and links to your own coding agent. You pick an element and describe a change or adjust styles, layout, text and animation with visual controls. The agent writes those changes into the source files. Variants and phone versions run as separate background tasks.

Steps

1. Run your site locally and commit your current code first.
2. Connect the visual editor to your coding agent, as its setup says.
3. Make one small change and check what the agent wrote in the files.
4. Review the code changes before keeping them.

Starter prompt

I am making visual changes to my local site at [local address]. For each change I send:

1. Tell me which file and lines you will edit.
2. Make the smallest code change that matches what I did visually.
3. Keep my existing style rules, such as [Tailwind or plain CSS].

Work on branch [branch name]. Do not touch files unrelated to the element I picked. Do not deploy anything. After each change, list what you edited.

Original post: cssstudio.ai · found via agentusecases.ai. Written up in our own words. We haven't run it, so test it on made-up data first.