Edit site design visually and have an agent write the code
Case study takeaway: you run CSS Studio on your local site and connect your existing coding agent, for example by running /studio in the project. You select an element and either describe a change in chat or adjust styles, layout, text and animations with visual controls. The page shows an example where padding and border radius edits were saved to a Hero.
- Agent or tool
- Claude Code
- Topic
- Software Development
- Reported on
- Hacker News
- Added
- 2026-10-15
Why it matters
Coding agents are moving from autocomplete to doing whole tasks: reading a codebase, making a plan and changing many files. This case is a concrete example of where that works in practice. It is one of 106 sightings filed under Software Development on Agent Sightings (number 3 by interest), and one of 164 involving Claude Code.
How you could try it
Here is a reusable prompt, written by us in our own words, that captures the task. Paste it into Claude Code or any similar agent and adjust the details to your situation.
In this repo, edit site design visually and have an agent write the code. Read relevant code, apply a minimal patch, run available checks, and summarize the diff. Stop before merge or deploy.
The prompt breaks down into 3 steps you can check as the agent works:
- In this repo, edit site design visually and have an agent write the code.
- Read relevant code, apply a minimal patch, run available checks, and summarize the diff.
- Stop before merge or deploy.
Tip: Work on a fresh branch, ask for a plan before edits, and review the diff and test results before merging.
Source
Read the original first-hand account on Hacker News: https://news.ycombinator.com/item?id=47702196. Our summary is a paraphrase; details are in the source.