在浏览器里调网站外观,让 agent 写 code
想法 + starter prompt,我们还没跑过
适合:宁愿用眼睛调网站、也不想改 CSS 的设计师和老板
CSS Studio 跑在你的本地网站上,连接你自己的 coding agent。你选一个元素,描述要改什么,或用视觉控制调样式、版面、文字和动画。agent 把这些改动写进源文件。不同版本和手机版会在背景分开跑。
步骤
- 在本地跑网站,先 commit 现在的 code。
- 照设定说明,把视觉编辑器接上你的 coding agent。
- 改一个小地方,看 agent 在文件里写了什么。
- 保留改动之前先检查 code。
Starter prompt
我在 [本地网址] 的本地网站上做视觉改动。我每送一个改动: 1. 告诉我你会改哪个文件、哪几行。 2. 用最小的 code 改动配合我在画面上做的。 3. 保留我现有的样式规则,例如 [Tailwind 或普通 CSS]。 在 branch [branch 名字] 上做。跟我选的元素无关的文件不要碰。不要部署任何东西。每次改完列出你改了什么。
原帖:cssstudio.ai · 来源 agentusecases.ai。内容是我们用自己的话写的,我们还没跑过,先用假资料试。