Menu
当需要在浏览器中预览网页、调试前端实现、验证 UI 交互或捕获页面状态以辅助分析时必须使用本技能
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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 内容 |
| 查询后台预览/调试任务 | 查询后台任务列表 |