CSS Studio：设计师手动编辑，Agent自动写代码

设计师和编码Agent之间的鸿沟终于有了桥。CSS Studio今天在Hacker News上129分热度，把一个可视化设计工具直接嵌进浏览器、放在实时页面上，然后连接到一个编码Agent，每个修改都自动写进源代码。

工作流很优雅。设计师用页面上的可视化控件编辑颜色、布局、字体、变换和动画。这些视觉变化同步到本地AI Agent，Agent自己找到对应文件并应用修改——不管项目用的是React、Vue还是纯HTML。Agent写代码，设计师审核diff，提交，部署。没有Figma到代码的交接。没有设计系统翻译层。设计本身就是代码。

CSS Studio包含完整的动画时间线可以拖动CSS关键帧，CSS变量面板能一次编辑全站传播，DOM编辑工具可以增删排列元素。Chrome、Safari、Firefox都能用。来自Motion团队。

这是对的时机做对的事。编码Agent擅长从指令生成代码，但设计师想的是像素不是prompt。CSS Studio把视觉意图转化为Agent可执行的指令。不用写prompt说把按钮颜色改成蓝色，你就点击按钮、选蓝色。Agent搞定剩下的。

https://cssstudio.ai