pwdebug
Debug web interfaces using a persistent Playwright session via CLI commands.
Install
mkdir -p .claude/skills/pwdebug && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/16972" && unzip -o skill.zip -d .claude/skills/pwdebug && rm skill.zipInstalls to .claude/skills/pwdebug
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
用于需要通过命令行操作真实浏览器实例进行前端调试（如导航、执行 JS、截图、元素拾取、控制台日志）且希望跨多次命令复用同一浏览器会话的场景。Key capabilities
- →Start a persistent browser service for debugging
- →Navigate to URLs in a new browser tab
- →Capture screenshots of the current browser view
- →Interactively pick elements on a webpage
- →Monitor and view console logs from the browser
How it works
This skill provides a command-line interface based on Playwright to launch and control a persistent browser instance. It allows for actions like navigation, JavaScript evaluation, screenshot capture, element picking, and console log monitoring.
Inputs & outputs
When to use pwdebug
- →Debugging frontend UI
- →Executing JS in a live browser
- →Visual regression screenshots
- →Monitoring console output
About this skill
Playwright 浏览器调试 CLI
概览
该技能提供一个基于 Playwright 的命令行工具，用于启动浏览器服务并执行导航、评估 JS、截图、元素拾取与日志监听等调试操作。当前仅支持 Chromium（通过 CDP 连接）。
快速开始
工作目录应为本文件所在目录，示例命令默认从该目录执行。
- 启动浏览器服务（常驻进程）：
scripts/pwdebug.py start
- 在新标签页打开页面：
scripts/pwdebug.py nav https://example.com --new
- 执行 JS 表达式：
scripts/pwdebug.py evaluate "document.title"
- 截图：
scripts/pwdebug.py screenshot --full
- 交互式拾取元素：
scripts/pwdebug.py pick "点击登录按钮"
- 监听控制台日志：
scripts/pwdebug.py watch-logs
- 查看最近日志：
scripts/pwdebug.py logs 100
说明
- CLI 入口：
scripts/pwdebug.py - 日志路径：
~/.cache/pwdebug/console.log.jsonl - 状态路径：
~/.cache/pwdebug/server.json
依赖与安装
- 脚本依赖通过
uv --script管理。
When not to use it
- →When a graphical user interface for browser interaction is preferred
- →When the task does not require a persistent browser session
- →When debugging is not related to frontend web development
Limitations
- →Currently only supports Chromium through CDP connection
- →Requires command-line interaction for all operations
- →Relies on `uv --script` for dependency management
How it compares
This skill offers CLI-based control over a browser for debugging, enabling automation and scripting of browser interactions, unlike manual browser usage.
Compared to similar skills
pwdebug side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| pwdebug (this skill) | 0 | 4mo | Review | Intermediate |
| webapp-testing | 353 | 4mo | Review | Intermediate |
| ui-ux-expert-skill | 91 | 9mo | Review | Advanced |
| accessibility | 42 | 5mo | Review | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by ComeOnOliver
View all by ComeOnOliver →You might also like
webapp-testing
anthropics
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
ui-ux-expert-skill
fercracix33
Technical workflow for implementing accessible React user interfaces with shadcn/ui, Tailwind CSS, and TanStack Query. Includes 6-phase process with mandatory Style Guide compliance, Context7 best practices consultation, Chrome DevTools validation, and WCAG 2.1 AA accessibility standards. Use after Test Agent, Implementer, and Supabase agents complete their work.
accessibility
tech-leads-club
Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
playwright-browser-automation
lackeyjb
Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages, fill forms, take screenshots, check responsive design, validate UX, test login flows, check links, automate any browser task. Use when user wants to test websites, automate browser interactions, validate web functionality, or perform any browser-based testing.
svelte-expert
Raudbjorn
Expert Svelte/SvelteKit development assistant for building components, utilities, and applications. Use when creating Svelte components, SvelteKit applications, implementing reactive patterns, handling state management, working with stores, transitions, animations, or any Svelte/SvelteKit development task. Includes comprehensive documentation access, code validation with svelte-autofixer, and playground link generation.
browser-daemon
noiv
Persistent browser automation via Playwright daemon. Keep a browser window open and send it commands (navigate, execute JS, inspect console). Perfect for interactive debugging, development, and testing web applications. Use when you need to interact with a browser repeatedly without opening/closing it.