62. 可视化编辑网站设计，由代理写代码

他们做了什么

你在本地网站上运行 CSS Studio，并连接你现有的编程代理，比如在项目中运行 /studio。选中一个元素后，你可以在聊天中描述修改，也可以用可视化控件调整样式、布局、文字和动画。代理会监听这些修改，并把它们写入源文件。生成不同变体和移动端适配作为单独的后台任务运行。

结果如何

页面展示了一个例子：对内边距和圆角的修改被保存到一个 Hero.css 文件中，共 2 处编辑。它没有给出实际测量的结果或用户成效。

需要知道

它是一次性买断，包含之后的更新。它支持 HTML、CSS、Tailwind 或 React，但你需要有自己的编程代理。

你可以这样尝试

设置 CSS Studio 的 MCP 连接，让我能在浏览器中可视化地编辑我位于 [本地地址] 的网站外观。每当我做一处设计修改，就使用现有的样式或组件，把它应用到 [路径] 中的代码库，然后给我看 diff。每处修改之后都停下来，等我批准后再处理下一处。