corrinehu-kimi-usebrowser

Browser automation troubleshooting and best practices for Kimi CLI using agent-browser. Use when encountering issues with browser automation, timeouts, Playwright browser downloads, or when needing to use system Chrome instead of downloading Chromium. Covers common pitfalls like first-time installation timeouts, proxy issues, and executable path configuration.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "corrinehu-kimi-usebrowser" with this command: npx skills add corrinehu/agent-skills/corrinehu-agent-skills-corrinehu-kimi-usebrowser

Kimi 浏览器自动化使用指南

概述

本 skill 总结了在 Kimi CLI 环境中使用 agent-browser 进行浏览器自动化的经验,特别是针对常见问题和解决方案。

核心工作流程

基础使用模式

# 1. 打开网页
npx agent-browser open <url>

# 2. 等待页面加载
npx agent-browser wait --load networkidle

# 3. 获取页面快照(带交互元素引用)
npx agent-browser snapshot -i

# 4. 交互操作(使用 @e1, @e2 等引用)
npx agent-browser fill @e1 "text"
npx agent-browser click @e2

# 5. 截图
npx agent-browser screenshot output.png --full

命令链式执行

使用 && 连接多个命令提高效率:

npx agent-browser open https://example.com && \
npx agent-browser wait --load networkidle && \
npx agent-browser snapshot -i

常见问题与解决方案

问题 1:首次安装超时

现象

npx agent-browser open https://example.com
# Error: Command killed by timeout

原因npx 首次运行时需要下载安装 agent-browser 包及其 184+ 个依赖。

解决

  • 手动安装到本地目录:npm install agent-browser
  • 或使用更长的超时时间
  • 安装后再次使用会更快

问题 2:Playwright 浏览器下载失败

现象

npx playwright install chromium
# Error: Proxy connection ended before receiving CONNECT response

原因agent-browser 基于 Playwright,默认需要下载 Chromium 浏览器,但可能遇到网络/代理问题。

解决:使用系统已安装的 Chrome

# 检查系统 Chrome
which google-chrome  # 或 chromium, chromium-browser

# 使用系统 Chrome 运行
npx agent-browser --executable-path /usr/bin/google-chrome open <url>

重要:如果 daemon 已在运行,需要先关闭:

npx agent-browser close
sleep 1
npx agent-browser --executable-path /usr/bin/google-chrome open <url>

问题 3:会话冲突

现象--executable-path ignored: daemon already running

解决:关闭现有会话后重新启动:

npx agent-browser close
npx agent-browser --executable-path /usr/bin/google-chrome open <url>

实用脚本

使用 scripts/check-browser-env.sh 快速检查环境:

# 检查系统浏览器并输出建议命令
./scripts/check-browser-env.sh

输出示例:

找到系统浏览器: /usr/bin/google-chrome
建议命令:
  npx agent-browser --executable-path /usr/bin/google-chrome open <url>

完整示例:搜索并截图

# 安装依赖(首次)
cd /tmp && npm install agent-browser

# 使用系统 Chrome 执行
npx agent-browser --executable-path /usr/bin/google-chrome open https://www.baidu.com
npx agent-browser wait --load networkidle
npx agent-browser snapshot -i

# 填写搜索框并搜索(假设 @e13 是搜索框,@e14 是按钮)
npx agent-browser fill @e13 "OpenAI"
npx agent-browser click @e14
npx agent-browser wait --load networkidle

# 截图
npx agent-browser screenshot /tmp/search_result.png --full

快速参考

命令用途
open <url>打开网页
close关闭浏览器
snapshot -i获取交互元素快照
fill @eN "text"填写输入框
click @eN点击元素
wait --load networkidle等待网络空闲
screenshot <path> --full全页截图

环境检查清单

开始浏览器自动化前,检查:

  1. agent-browser 是否已安装(npm list agent-browser
  2. 系统 Chrome/Chromium 路径(which google-chrome
  3. 是否有残留的 daemon(npx agent-browser close 清理)
  4. 网络连接是否正常

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

Automation

corrinehu-kimi-searchzhihu

No summary provided by upstream source.

Repository SourceNeeds Review
Coding

Planning with files

Implements Manus-style file-based planning to organize and track progress on complex tasks. Creates task_plan.md, findings.md, and progress.md. Use when aske...

Registry SourceRecently Updated
8.5K22Profile unavailable
Coding

Nutrient Document Processing (Universal Agent Skill)

Universal (non-OpenClaw) Nutrient DWS document-processing skill for Agent Skills-compatible products. Best for Claude Code, Codex CLI, Gemini CLI, Cursor, Wi...

Registry SourceRecently Updated
2740Profile unavailable
Coding

vercel-react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

Repository Source
214.9K23Kvercel