PulseDev：可视化网页反馈与 AI 编程助手

通俗易懂：PulseDev 是干什么用的？

PulseDev 是连接“网页上看到的问题”和“项目源代码”的可视化开发工具。你在本地运行的网站上点一下按钮、标题或商品卡片，用普通语言描述想怎么改，再把任务交给 Claude Code、Codex 等 AI 编程代理。代理给出修改后，你可以查看页面效果与代码差异，再决定是否接受。

比如，发现一组商品按钮的样式不一致时，可以直接指出那个按钮，要求它与其他卡片保持相同的实心样式。PulseDev 把“这个位置”变成带元素信息的任务，减少来回解释。它适合能够访问项目源码、运行开发环境的前端开发者，以及参与界面调整的设计人员。

从点选网页元素，到 AI 理解修改目标

Inspect 检查模式会标出元素选择器和尺寸；按住 Shift 点击，可以把多个相关元素纳入同一条反馈。上下文包括页面 URL、元素标记、样式和视口，官方还列出了元素截图、近期控制台错误与失败请求。

描述需求时，建议同时写清当前问题和期望结果。例如“这张商品卡片的按钮只有描边，请改成与旁边卡片一致的深色实心按钮”，比“优化一下这里”更容易检查是否完成。代理仍可能理解错误，因此最终应同时看页面和代码，不能只凭任务显示完成就判断修复正确。

怎样完成第一次网页修改

1. 从官方下载页安装桌面应用。目前支持 macOS 13 及以上，提供 Apple Silicon 和 Intel 版本；Windows 仍标注为即将推出。
2. 添加本地项目文件夹，准备已经安装、登录的编程代理 CLI，以及能够访问的本地开发网站。
3. 点击 Set up project，由应用添加 Vite 插件或携带项目 token 的脚本。手动接入使用实际显示的端口和 token，参考网页组件嵌入说明。
4. 刷新开发页面，打开 Inspect，选中元素、填写修改目标并选择代理。
5. 查看日志、页面效果和代码 diff；符合要求时 Approve，不符合时 Reject，或回复补充条件继续调整。

组件没有出现时，先确认本地服务已启动，再检查浏览器控制台与 widget.js 地址。组件只应在开发环境加载，普通 HTML 项目发布前应移除脚本。建议用版本控制保留修改前的状态。

用任务看板管理多个页面的细节问题

修改请求可以按排队、执行中、待审查、已完成等状态整理，既能查看当前页面，也能跨页面追踪。实时日志显示代理读取了哪些文件、执行了什么编辑和命令，方便核对一次界面调整影响了哪些部分。

每个项目拥有自己的本地服务、端口和代理配置。经常维护多个网站的人可以关注 Pro 的多项目与并行服务能力。Connect editor (MCP) 用于给 Claude Code、Cursor、VS Code 配置标注访问；这与选择执行修改的代理 CLI 是两个不同环节。

免费版、Pro 与终身版怎么选

截至 2026 年 10 月 29 日，免费版包含一个项目、一个自选代理，以及网页组件、任务看板、代码差异审查和不限次数的 PulseDev 代理运行。Pro 扩展为不限项目、全部已支持代理和多个本地服务并行，提供月付、年付及五天试用。

官网正在展示以美元计价的限时首发优惠，具体价格、税费和结算条件请查看当前套餐页面。“不限运行次数”仅指 PulseDev 本身，不会承担所选 AI 代理的订阅、API 费用，也不会解除其使用额度。

Founder Lifetime 是一次性购买方案，但应以许可条款为准：授权供一人使用，最多三台机器，包含当前主版本的更新；未来新的主版本可能另行收费。选购时应结合项目数量和代理需求判断。

本地运行时，代码和反馈会去哪里

按官方隐私政策，项目 token、标注历史、元素截图和设置保存在本机 ~/PulseDev 文件夹中。卸载应用不会自动删除该文件夹；移除项目也不等于删除全部历史标注和截图。

执行任务的 AI 代理可以把提示词、所读文件和页面上下文发送给自己的供应商，适用相应的数据政策。因此，“PulseDev 本地运行”不能直接理解成“所有 AI 推理都离线”或“代码绝不离开电脑”。处理客户代码前，应核对代理的数据条件。服务默认只接受本机连接；开启网络访问是额外设置，项目 token 仍然必需。

常见问题

PulseDev 可以免费使用吗？

可以。免费版适合一个项目、一个自选代理的工作流，包含核心组件、看板和 diff 审查。代理自身的费用与额度需要另外核对。

支持哪些 AI 编程代理，需要另外付费吗？

官方列出 Claude Code、Codex、Gemini CLI 和 OpenCode，需要自行安装并登录。具体模型费用取决于你选择的代理与方案。

它修改的是网页外观，还是项目源代码？

目标是项目真实源代码。页面是定位问题和查看结果的入口，修改会进入代码差异审查流程；接受前应验证效果、行为和受影响文件。

官方资源与使用文档

• 安装与接入文档：项目设置、代理检测和编辑器连接方法。
• 官方更新记录：版本变化与最新接入方式。