Stagewise 实时网页检查与代码修改
将以下提示词粘贴到你的 AI 对话框中：
请根据 https://skillhub.cn/install/skillhub.md，安装 @user_3c6cb52e/inspect-live-web-apps-and-apply-code-changes-with-stagewise
技能介绍
要解决的问题
当编码代理（coding agent）需要修改一个正在运行的网页应用时，它面对的是一个割裂的观察面：代码在 IDE 里，行为在浏览器里，报错在控制台里，界面状态在 DOM 里。传统做法是让代理在多个工具之间来回切换——读代码、开浏览器、抄报错、猜 UI 状态，再把修改写回去。这个循环里每一步都可能引入信息损失，最终导致改完的代码在真实渲染环境里跑不起来，或者修好了一处却破坏了视觉呈现。
技能如何工作
Stagewise 的思路是把这些信号收拢到同一个循环里：
- 浏览器上下文：代理拿到当前页面的真实状态，而不是靠源码推断。
- 控制台与调试信号：运行时报错、断点信息直接进入代理的决策链路。
- UI 检查：渲染结果可以被检视，视觉层面的回归能被识别。
- 代码改动交接：在观察到问题之后，把修改交回代码库，而不是停留在浏览器里打补丁。
关键步骤上，代理先通过 Stagewise 应用连接到正在运行的网页应用，随后在同一循环内完成信号采集与修改下发。前置条件包括：Stagewise 应用本体、一个正在运行的网页应用，可选连接的 IDE 或代码库，以及模型供应商凭据或 Stagewise 账户。
适用边界与注意点
模型层采用 BYOK 模式，覆盖主流模型供应商，同时支持注册完全自定义的供应商——包括本地推理——并定义自定义模型。这意味着推理成本和隐私边界由使用者自己把控，但也要求使用者具备对应的凭据配置能力。
需要注意几点：该技能面向的是已运行的网页应用，静态页面或无运行时的应用无法提供浏览器上下文；IDE 连接是可选的，但缺少代码库连接时，改动交接的完整度会受影响；本地推理虽然受支持，其性能表现取决于具体模型和硬件配置，技能本身不做保证。
如果你的工作流不需要浏览器侧信号，仅靠代码库本身就能完成修改，引入这个技能反而会增加环境复杂度。它的价值在于那些必须同时看到运行态和代码态的场景。
参考文档：https://stagewise.io
使用场景
- 网页应用开发中，代理遇到运行时报错，需要同时拿到控制台报错和页面状态来定位并修改代码。
- 代理修改了前端逻辑，需要检查浏览器渲染结果，确认没有引入视觉回归再提交改动。
- 使用本地推理模型时，需要把浏览器运行态信号和代码库修改放在同一循环里完成闭环。
适合人员
- 网页应用开发者，需要在单一循环内同时处理运行时报错与代码修改。
- 负责代码代理工作流的工程师，需要在本地推理环境中保持浏览器信号与代码库的连接。
- 技术负责人或架构师，需要在审查代理改动时引入浏览器上下文与调试信号作为依据。
- 使用自定义模型的团队，需要在BYOK配置下实现界面检查与代码交接的闭环。
相关技能
为工程师提供 Java Spring Boot 后端开发指导，覆盖 REST API、数据库、安全、微服务、测试、部署与常见排障。
为 Agent 提供纯 Python 截图工具，支持全屏、窗口、滚动截图，并能进行标注、马赛克模糊和屏幕取色。
基于 Chrome CDP 执行云表 Web 登录，要求外部传入 baseUrl、username、password，并验证进入已登录首页。
输入主题后自动创作内容，按设计系统生成闪卡、学习、测试、索引与进度页面，并输出可部署的知识学习网站。