·chrome-devtools-skill
</>

chrome-devtools-skill

Use Chrome DevTools MCP to obtain and analyze webpage data. Use this skill when users need to scrape web content, analyze page structure, extract data, take screenshots, monitor network requests, or perform web automation tasks.

12Installs·2Trend·@steelan9199

Installation

$npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skill

How to Install chrome-devtools-skill

Quickly install chrome-devtools-skill AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skill
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: steelan9199/wechat-publisher.

SKILL.md

View raw

重要提示: 使用固定的 --user-data-dir(如 chrome-devtools-profile),不要每次使用不同的文件夹。这样 Chrome 会记住登录状态、Cookie 和缓存,下次启动更快。

| HTTP | http://127.0.0.1:9222/json/list | 获取页面列表、基本信息 | | WebSocket | ws://127.0.0.1:9222/devtools/page/{pageId} | 实时控制页面、执行脚本 |

问题 1: Windows 中文输出乱码 现象: 抓取的中文内容显示为乱码或抛出 UnicodeEncodeError: 'gbk' codec can't encode character 原因: Windows 终端默认使用 GBK 编码,而 Python 输出 UTF-8 中文时会冲突 解决: 在 Python 脚本开头添加编码配置:

Use Chrome DevTools MCP to obtain and analyze webpage data. Use this skill when users need to scrape web content, analyze page structure, extract data, take screenshots, monitor network requests, or perform web automation tasks. Source: steelan9199/wechat-publisher.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skill
Category
</>Dev Tools
Verified
First Seen
2026-03-10
Updated
2026-03-10

Browse more skills from steelan9199/wechat-publisher

Quick answers

What is chrome-devtools-skill?

Use Chrome DevTools MCP to obtain and analyze webpage data. Use this skill when users need to scrape web content, analyze page structure, extract data, take screenshots, monitor network requests, or perform web automation tasks. Source: steelan9199/wechat-publisher.

How do I install chrome-devtools-skill?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skill Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/steelan9199/wechat-publisher