EN
返回档案库

档案库 · 开发与企业工具 · 产品决策 · 2026

CSS Studio押注设计师保留GUI,而AI代理负责编写代码

Motion Division的付费设计工具通过AI代理编辑真实代码:页面上的滑杆,仓库中的差异——登上HN首页,一次性购买。

CSS Studio (Motion Division)

它在赌什么一个设计GUI,每次编辑都由AI代理直接写入你的代码仓库——定价为一次性购买,而非按席位订阅。已上线

做的是什么生意

A visual design tool that edits your site's real code through an AI agent: drag sliders and the agent commits diffs to your repository.

起因

Motion Division, the studio behind the Motion animation library (33.5k GitHub stars, MIT), watched AI agents generate slides and one-off pages that nobody could maintain. Their answer was to keep the agent as the hands and put a real design GUI between the human and the code.

经过

Shipped 2026-04-09 with a Show HN thread: chat to describe a change, visual tools to refine it, and a ship step where the agent writes every edit into the codebase; works with Claude Code, Codex and any agent or stack; priced as a one-time purchase with all future updates included; an open issues repo (css-studio-public) collects feedback.

结果

As of 2026-09-02 CSS Studio is still a paid, one-time-purchase product with four learn/docs modules live; no revenue or funding figures have been disclosed, and the studio funds the effort from its existing Motion library business.

背景

2026年初,AI代理生成了无尽的着陆页和幻灯片,但没有一个能活过制作它们的会议。Motion Division——Framer、Figma和“数十万个网站”使用的Motion动画库背后的工作室——押注相反的方向:不是另一个产生一次性输出的AI,而是一个设计工具,其全部意义在于每次编辑都成为源代码中真实、已提交的更改。

CSS Studio分三步工作。聊天:选择一个元素并描述更改;代理规划编辑。设计:滑杆、变体和时间线提供对样式、布局和动画的精确视觉控制。发布:代理将更改直接写入代码库——HTML、CSS、Tailwind或React——每个任务作为独立、可回退的后台进程运行。它本地连接到你的项目,因此你可以针对运行的网站进行设计。

于2026年4月9日通过Show HN发布(175分,107条评论),定价为一次性购买,包含所有未来更新——与订阅式AI IDE形成鲜明对比。截至2026年9月,该产品仍在销售,由Motion Division的现有库业务支持;工作室未披露收入。

这件事要成立,得有什么

  • 让人类参与循环,赢得了纯代理竞赛失去的信任:每次更改都显示为可见的差异,设计师可以回退,因此自动化绝不会感觉像黑匣子。
  • 一次性购买符合本地优先的产品:没有租赁,没有云锁定,厌倦订阅费用的客户有理由尝试。
  • Motion品牌是护城河:已经从npm导入motion的开发者熟悉GitHub组织、质量标准和文档,因此新工具面向现有受众推出。

可借鉴之处

当AI输出变得可丢弃时,出售持久层:将设计意图转化为留在仓库中的代码的界面,是值得收费的部分。

后续进展

CSS Studio于2026年4月发布,登上HN首页话题(175分,107条评论),截至2026-09-02仍在销售——一次性购买,包含所有未来更新。其背后的工作室Motion Division报告其Motion库拥有33.5k GitHub星标和每周4000万+次npm下载,并称其为数十万个网站上的动画提供支持。CSS Studio的收入或融资情况未披露;公开的GitHub仓库是一个问题板,而非产品展示。

资料来源

发现哪里写错了?告诉我们。

轮到你了

你刚读完一家。说说你在做什么,看看谁在赌同一件事。

免费账号 · 3 次免费提问 · 不用绑卡

相关案例