Posted by SirHound 11 hours ago
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.
I'm not so sure why it needs an LLM in-between the source files and the editor though...
CSS Studio leverages your existing agent - so it assumes you've already done this part. Where this comes in is when you want to design not just using chat (although it does also support chat). Drawing new elements, visual style controls, inline content editing, animation timeline editor and preview. Then once you're done you can send those changes to your agent with a click (or turn on auto-apply)
It does have some similarities with Figma's Code Layers in that you can draw a new element on the page, click chat, and tell the agent to generate x inside.
I would be surprised if this takes off as site builders are already an incredibly crowded space.
I didn't see anything like that in the video you posted on the homepage. Personally I found the video VERY confusing on what exactly the benefit of the product is and actually how to use it. The music also was annoying and made it hard to focus on the actual video.
You might want to redo it and concentrate on explaining exactly what the benefits of your product are over the 50+ other products just like this one.