Menü
当需要在浏览器中预览网页、调试前端实现、验证 UI 交互或捕获页面状态以辅助分析时必须使用本技能
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
Update Kimi Code CLI user documentation after meaningful code changes that affect product behavior or user experience.
Map systematic debugging onto Ganymede Code native Debug / 排障 surfaces (probes, user verification bar, TodoList).
Map KimiCodeBoost engineering workflows onto Ganymede Code native UI and host tools (AskUserQuestion, TodoList, Agent, Plans panel, GanymedeBrowser, Worktree, Review).
在开展任何创造性工作之前必须使用：创建功能、构建组件、添加能力或修改行为。在动手实现前，先探索用户意图、需求并制定设计。
当同时面对 2 个及以上相互独立、无共享状态且无顺序依赖的任务时必须使用本技能
当需要在一个独立会话中执行已撰写的实现计划，并通过检查点进行复核时必须使用
| name | web-preview-and-debug |
| description | 当需要在浏览器中预览网页、调试前端实现、验证 UI 交互或捕获页面状态以辅助分析时必须使用本技能 |
网页预览与调试是前端交付的关键闭环。本技能提供从启动本地服务器到浏览器验证的完整动作流程，确保 UI/交互 改动在真实可访问环境中被验证。
确认本地预览命令
package.json、README 或相关配置文件，确认本地 dev 脚本。npm run dev、pnpm dev、python -m http.server。启动本地预览服务器
操作真实浏览器（如需）
回退到公开页面抓取（仅限静态公开内容）
记录并反馈
| 意图 | 动作 |
|---|---|
| 启动项目本地预览 | 运行项目 dev 脚本 |
| 打开图形化 IDE/Agent 会话 | 启动本地 IDE/Agent 图形会话并打开浏览器 |
| 操作真实浏览器验证 | 通过本地浏览器桥接服务连接隔离浏览器 profile |
| 获取公开页面文本 | 获取 URL 内容 |
| 查询后台预览/调试任务 | 查询后台任务列表 |