Agent skill
pwdebug
用于需要通过命令行操作真实浏览器实例进行前端调试(如导航、执行 JS、截图、元素拾取、控制台日志)且希望跨多次命令复用同一浏览器会话的场景。
Install this agent skill to your Project
npx add-skill https://github.com/aiskillstore/marketplace/tree/main/skills/dcjanus/pwdebug
SKILL.md
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管理。
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
perigon-backend
Perigon ASP.NET Core + EF Core + Aspire conventions
perigon-agent
Pointers for Copilot/agents to apply Perigon conventions
perigon-angular
Angular 21+ standalone/Material/signal conventions for Perigon WebApp
fastapi-mastery
Comprehensive FastAPI development skill covering REST API creation, routing, request/response handling, validation, authentication, database integration, middleware, and deployment. Use when working with FastAPI projects, building APIs, implementing CRUD operations, setting up authentication/authorization, integrating databases (SQL/NoSQL), adding middleware, handling WebSockets, or deploying FastAPI applications. Triggered by requests involving .py files with FastAPI code, API endpoint creation, Pydantic models, or FastAPI-specific features.
context7-efficient
Token-efficient library documentation fetcher using Context7 MCP with 86.8% token savings through intelligent shell pipeline filtering. Fetches code examples, API references, and best practices for JavaScript, Python, Go, Rust, and other libraries. Use when users ask about library documentation, need code examples, want API usage patterns, are learning a new framework, need syntax reference, or troubleshooting with library-specific information. Triggers include questions like "Show me React hooks", "How do I use Prisma", "What's the Next.js routing syntax", or any request for library/framework documentation.
browser-use
Browser automation using Playwright MCP. Navigate websites, fill forms, click elements, take screenshots, and extract data. Use when tasks require web browsing, form submission, web scraping, UI testing, or any browser interaction.
Didn't find tool you were looking for?