从视觉上优化网站设计，让智能体编写代码

CSS Studio 允许设计师在浏览器中对网站进行视觉调整，并通过 MCP 将更改传输给现有的编程智能体，由后者在代码库中实现这些调整。

具体怎么做

在本地服务器上运行 CSS Studio，并连接现有的编程智能体，例如通过在项目中执行 /studio。选择某个元素后，可通过聊天框描述修改内容，或使用可视化控件调整样式、布局、文本和动画。编程智能体会监控这些修改，并将其写入原文文件中。不同版本和移动端适配则作为独立后台任务运行。

做到了什么

该页面展示了一个示例：其中，填充和边框半径的修改被保存到了一个名为 Hero.css 的文件中，共涉及 2 次修改。其中

上手要点

这是一次性购买产品，包含后续更新。它支持 HTML、CSS、Tailwind 或 React，但你需要自己配置编程智能体。