Show HN: CSS Studio. Design by hand, code by agent

Hi HN! I've just released CSS Studio, a design tool that lives on your site, runs on your browser, sends updates to your existing AI agent, which edits any codebase. You can actually play around with the latest version directly on the site.

Technically, the way this works is you view your site in dev mode and start editing it. In your agent, you can run /studio which then polls (or uses Claude Channels) an MCP server. Changes are streamed as JSON via the MCP, along with some viewport and URL information, and the skill has some instructions on how best to implement them.

It contains a lot of the tools you'd expect from a visual editing tool, like text editing, styles and an animation timeline editor.

https://cssstudio.ai

CSS Studio. Design by hand. Code by agent.

A visual CSS editor in your browser. Adjust styles with sliders and pickers, and your AI agent writes the changes to source.

CSS Studio

Congrats on the launch.

Now put a giant, 30 second video of the product being used, directly below "Design by hand.Code by agent."

No one is clicking Get Started or Buy Now until they know what the product is, and a 30 second video is 100x better than any amount of text.

I did have a video on for launch but removed it when I added CSS Studio itself to the page (check top right). Perhaps it can make a return though!
The video better be visible on mobile. I read HN on phone.
It's a fair point - deployed