PulseDir 无需反复描述 UI 缺陷：直接在 localhost 页面上点击问题元素并说明情况，Claude Code、Codex、Gemini 或 OpenCode 就会定位并修改对应文件。你可以实时查看修复过程，并在页面中审批 diff 后才会写入代码。

产品详细介绍

点击 localhost 上的任何 UI 缺陷，AI 智能体便会自动修复。

Perlat Kociaj创始人

Product Hunt，大家好 👋

“第二张定价卡片下面那个按钮。不，是另一个。”

使用编程智能体构建网站时，你能直观看出哪些地方需要调整：按钮没有对齐、标题换行别扭，或者间距看起来不对。但如果想让智能体真正完成修改，就必须把眼前所见转化为文字提示词。

你要说明元素的位置，打开 DevTools，复制选择器或截取屏幕截图，找到对应组件，再切换到终端，把所有信息粘贴进去，并祈祷自己已经提供了足够的上下文。然后回到浏览器检查结果。

对于一个小小的视觉改动来说，说明任务感觉甚至比改动本身还费事。而当有多个问题需要修复时，你还得为每一处重复这套流程。

我明明已经看到问题了，只想直接点一下。

所以我开发了 PulseDev：把你所指元素的上下文与你的说明一起交给编程智能体。

从“这是哪个按钮？”到“把这个按钮调高”

点击本地网站上的元素，并描述你希望进行的修改。PulseDev 会附加所选元素的上下文，包括选择器和样式。在支持的情况下，Vite 插件还会添加源码映射，帮助智能体定位相关代码。

具体要改什么，仍然由你决定。PulseDev 负责完成从页面到智能体的交接。

工作原理

• 在浏览器中打开本地网站并点击某个元素。按住 Shift 点击可选择多个元素。

• 描述修改内容：“把这个按钮的高度调整为与旁边那个一致。”

• 将其发送给 Claude Code、Codex、Gemini CLI 或 OpenCode，并在页面旁查看智能体的动态。

• 在浏览器中审查建议的代码差异。可在审查模式下批准或拒绝修改，也可以在需要时启用自动应用。

为你已经在使用的工具而生

PulseDev 可配合你自己的浏览器、本地项目和已安装的编程智能体使用。你可以通过 script 标签添加小组件，也可以在支持的情况下使用 Vite 插件添加源码映射。智能体原有的使用限制和服务提供商费用仍然适用。

它适合那些点点滴滴却越来越费时间的 UI 工作：调整间距、让元素的样式保持一致、修改文案，以及在发布前打磨细节。

macOS 上可免费用于一个项目。Pro 版可解锁无限项目。在 2026 年 11 月 3 日前订阅，即可享受每月 12 美元并保持该价格。自 11 月 3 日起，新订阅价格为每月 18 美元。无需优惠码。

很想听听你的工作流程

- 回想一下你最近一次让编程智能体进行 UI 修改的经历。哪一步更费劲：说明你指的是哪个元素，还是把修改做对？

- 你目前如何共享 UI 上下文——截图、选择器、文件路径，还是文字描述？

- 在信任建议的修改之前，你需要看到哪些信息？

- 使用 PulseDev 后，还有哪些地方让你不得不再解释一遍？

PulseDev