Canonical: https://botbento.com/zh/usecases/automated-ui-verification-for-local-code-changes/
Format: Markdown representation of the public HTML page.

[首页](/) / [用例](/zh/usecases/) / [编程](/zh/usecases/?category=coding)

编程 · 中级

已验证

自动化验证

- 已通过全部自动化关卡：结构校验、唯一性、HTTPS 与来源链接可访问、提示注入与安全扫描、审批步骤规则。
- 未记录起草模型。
- 第二模型审核：deepseek-v4-pro（无严重或高危问题）。
- 简体中文译文：google/gemini-4-argon，由 openai/gpt-5.5 审核。
- 验证于 2026-10-16。
- 仅经自动化检查和 AI 审核，未经人工审核。[验证如何运作](/zh/usecases/verification/)

# 本地代码更改的自动化 UI 验证

启动本地服务器并为前端更改捕获浏览器证据

[在 BotBento 中使用 ](https://app.botbento.com/?ref=usecases&utm_source=botbento.com&utm_medium=usecases&utm_campaign=automated-ui-verification-for-local-code-changes)复制提示词分享[Markdown](/text/zh/usecases/automated-ui-verification-for-local-code-changes/index.md)[English](/usecases/automated-ui-verification-for-local-code-changes/)

打开 BotBento。请将提示词粘贴到 Bot 中；不含任何预设配置。

- 事件发生时触发保存代码更改
- 然后运行开发服务器并记录 UI
- 结果审查视觉报告和日志

在应用代码编辑后，跨浏览器交互检查生成的用户界面组件。该 Bot 会启动本地开发服务器，浏览修改后的网页视图，捕获控制台消息，记录屏幕交互，并在请求人工审查之前将视觉证据汇总到单个检查文件中。

## 起步提示词

BotBento推荐

```
每当修改 UI 代码时，在终端中运行本地开发服务器，并针对活动端口启动浏览器会话。浏览相关屏幕，点击交互元素以验证响应能力，并监控控制台中的警告和错误。将所有屏幕截图、交互跟踪和日志汇总为单份审查报告。未经用户明确批准，请勿提交或推送任何更改。
```

复制

## 所用工具

浏览器终端GitHub

## 适用于

BotBento

## 标签

- frontend
- testing
- browser
- debugging
- automation

## 来源

[Show HN: ProofShot – Give AI coding agents eyes to verify the UI they build](https://news.ycombinator.com/item?id=47499672)
Hacker News · 已核查 2026-10-15

内容以我们自己的话概述。其中描述的任何结果均为原作者所述，并非 BotBento 实测。

由 AI 辅助自英文版翻译，并经自动审核模型检查。以英文文本为准。

作者：BotBento Editorial · 发布于 2026-10-15 · 更新于 2026-10-15 · [提交更正](/contact/)

## 相关用例

-

编程中级

## [自动化代码库调试与测试验证](/zh/usecases/automated-codebase-debugging-and-test-verification/)

检查代码仓库错误、起草代码补丁，并针对你的测试套件验证修复。

终端浏览器GitHub[已验证](/zh/usecases/verification/)
-

编程中级

## [自动化 Playwright 测试修复智能体](/zh/usecases/automated-playwright-test-repair-agent/)

诊断损坏的浏览器自动化脚本，并起草包含更新选择器的拉取请求

浏览器GitHub终端[已验证](/zh/usecases/verification/)
-

编程中级

## [将录制的浏览器会话转换为自动化代码](/zh/usecases/convert-recorded-browser-sessions-into-automation-code/)

将交互式网页演示日志转化为可靠的浏览器自动化脚本。

浏览器终端GitHub[已验证](/zh/usecases/verification/)