← 全部用例

English

写软件 · Claude Code

在浏览器里调网站外观,让 agent 写 code

想法 + starter prompt,我们还没跑过

适合:宁愿用眼睛调网站、也不想改 CSS 的设计师和老板

CSS Studio 跑在你的本地网站上,连接你自己的 coding agent。你选一个元素,描述要改什么,或用视觉控制调样式、版面、文字和动画。agent 把这些改动写进源文件。不同版本和手机版会在背景分开跑。

步骤

  1. 在本地跑网站,先 commit 现在的 code。
  2. 照设定说明,把视觉编辑器接上你的 coding agent。
  3. 改一个小地方,看 agent 在文件里写了什么。
  4. 保留改动之前先检查 code。

Starter prompt

Starter prompt,先把 [方括号] 换成你的资料。

我在 [本地网址] 的本地网站上做视觉改动。我每送一个改动:

1. 告诉我你会改哪个文件、哪几行。
2. 用最小的 code 改动配合我在画面上做的。
3. 保留我现有的样式规则,例如 [Tailwind 或普通 CSS]。

在 branch [branch 名字] 上做。跟我选的元素无关的文件不要碰。不要部署任何东西。每次改完列出你改了什么。

原帖:cssstudio.ai · 来源 agentusecases.ai。内容是我们用自己的话写的,我们还没跑过,先用假资料试。