web-devtools

基于 browser-use CLI 的浏览器自动化调试工具集，提供网页控制、元素交互、截图、Cookie 管理、云端浏览器等功能。Use when working with web applications for: (1) Browser automation and UI testing, (2) Taking screenshots and inspecting page elements, (3) Filling forms and simulating user interactions, (4) Managing cookies and sessions, (5) Using cloud-based browsers for remote debugging, (6) Creating tunnels for local development servers.

Jump to install

Repository: LSTM-Kirigaya/jinhui-skills
Last source activity: April 11, 2026 at 16:00
Detected SKILL.md language: Chinese
Stars: 24
Forks: 1

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

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.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/LSTM-Kirigaya/jinhui-skills --skill web-devtools

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

File Explorer

9 files

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

name	web-devtools
description	基于 browser-use CLI 的浏览器自动化调试工具集，提供网页控制、元素交互、截图、Cookie 管理、云端浏览器等功能。Use when working with web applications for: (1) Browser automation and UI testing, (2) Taking screenshots and inspecting page elements, (3) Filling forms and simulating user interactions, (4) Managing cookies and sessions, (5) Using cloud-based browsers for remote debugging, (6) Creating tunnels for local development servers.
tags	["前端","开发","browser-use","浏览器自动化"]
model	deepseek-chat
rootUrl	https://raw.githubusercontent.com/LSTM-Kirigaya/jinhui-skills/refs/heads/main/skills/web-devtools/SKILL.md

模式	命令	说明
无头模式 (默认)	`browser-use open <url>`	后台运行，速度最快
可视模式	`browser-use --headed open <url>`	显示浏览器窗口
真实 Chrome	`browser-use --profile "Default" open <url>`	使用已有登录态
连接现有	`browser-use --connect open <url>`	连接已运行的 Chrome
CDP 连接	`browser-use --cdp-url <url> open`	通过 CDP URL 连接
云端浏览器	`browser-use cloud connect`	使用 Browser Use 云

问题	可能原因	解决方案
`command not found: browser-use`	未安装 CLI	查看初始化配置
`Failed to start browser`	Chromium 未安装	运行 `browser-use install`
`No active session`	守护进程未运行	重新运行 `browser-use open`
元素点击无效	元素未加载	使用 `wait selector` 等待
截图失败	路径问题	使用绝对路径或检查目录权限

name	web-devtools
description	基于 browser-use CLI 的浏览器自动化调试工具集，提供网页控制、元素交互、截图、Cookie 管理、云端浏览器等功能。Use when working with web applications for: (1) Browser automation and UI testing, (2) Taking screenshots and inspecting page elements, (3) Filling forms and simulating user interactions, (4) Managing cookies and sessions, (5) Using cloud-based browsers for remote debugging, (6) Creating tunnels for local development servers.
tags	["前端","开发","browser-use","浏览器自动化"]
model	deepseek-chat
rootUrl	https://raw.githubusercontent.com/LSTM-Kirigaya/jinhui-skills/refs/heads/main/skills/web-devtools/SKILL.md

模式	命令	说明
无头模式 (默认)	`browser-use open <url>`	后台运行，速度最快
可视模式	`browser-use --headed open <url>`	显示浏览器窗口
真实 Chrome	`browser-use --profile "Default" open <url>`	使用已有登录态
连接现有	`browser-use --connect open <url>`	连接已运行的 Chrome
CDP 连接	`browser-use --cdp-url <url> open`	通过 CDP URL 连接
云端浏览器	`browser-use cloud connect`	使用 Browser Use 云

web-devtools

Source facts

Install options

Review the source files

More from this repository

More from this repository

Web DevTools

快速开始

第一步：检查安装

第二步：基础调试

第三步：元素交互

📚 完整功能目录

🔧 初始化配置

🔌 会话管理

🎯 UI 自动化

🧭 页面导航

☁️ 云平台

🌐 隧道

👤 Profile 管理

浏览器模式

典型调试工作流

场景 1：检查 UI 问题

场景 2：表单自动化测试

场景 3：云端浏览器调试

故障排除

参考

Usage Examples

Example 1

Example 2