来自 Motion 团队的新产品 CSS Studio 开启早期访问，主打在网页内直接修改样式、布局、变量、动画和 DOM，再把改动交给本地 AI 代理写回项目源码。
CSS Studio 最近以“Design by hand, code by agent”的定位亮相，并登上 Hacker News。产品思路很直接：设计者在真实网页上直接调整颜色、布局、动画、CSS 变量和 DOM 结构，随后把这些视觉变更同步给本地 AI 代理，由代理定位对应文件并将修改写回源码。官网称其兼容各种浏览器与主流代理，支持动画时间线、渐变编辑器、弹簧缓动、变量编辑等能力，目前采用一次性付费模式。
它的重要性在于，前端开发与设计协作长期存在“设计稿”和“代码实现”脱节的问题。现有 AI 编码工具虽然能生成页面，但对细节打磨、局部调整和可视化编辑支持仍不够顺手。CSS Studio 试图把 Figma 式操作和代码代理结合起来，让“改样式”这件事从口头描述变成可视化操作。
对独立开发者、模板团队和 SaaS 产品来说，这种工作流可能明显提升迭代速度，尤其适合落地营销页、组件库和品牌站点。若该模式被验证有效，未来会有更多“所见即所改、代理自动落代码”的设计开发工具跟进。
来源：CSS Studio · Hacker News
订阅工具岛 Newsletter
每周五发送最新的 AI 工具榜单、内容模板与增长实验，帮助你快速验证想法。
继续探索
继续你的阅读之旅
Instant 发布 1.0：把 AI 编程代理直接变成全栈应用搭建器
Instant 宣布 1.0 正式版并开源，主打给 AI 生成代码的应用提供实时、离线、多租户后端，内置认证、文件存储、在线状态与流式能力，目标是成为“AI 写应用”的默认后端。
OpenAI 连发企业与团队动作，AI 商业化进入更强组织化阶段
OpenAI 新闻页显示，其在 4 月初连续发布“企业 AI 下一阶段”相关公告，并为 Codex 团队版增加按量付费；结合此前融资与并购动作，市场信号是 OpenAI 正把重心进一步推向企业落地和团队协同。