visual-debugger
✓使用 Playwright 浏览器自动化进行交互式可视化调试。当被要求目视检查网站/应用程序、测试 UI 元素、验证按钮功能、检查响应式设计、调试布局问题、监视控制台错误或执行任何基于浏览器的视觉测试时使用。常见的触发器包括检查按钮是否工作、验证页面加载、测试表单、检查元素、调试页面、导航到 URL 和验证行为的请求，或涉及可视化浏览器检查和测试的任何请求。
SKILL.md
Interactive visual debugging tool using Playwright MCP browser automation to inspect, test, and debug web applications and websites.
Before using this skill, verify Playwright MCP tools are available:
Security Note: Never hardcode real credentials. Ask user for test credentials or use environment variables.
使用 Playwright 浏览器自动化进行交互式可视化调试。当被要求目视检查网站/应用程序、测试 UI 元素、验证按钮功能、检查响应式设计、调试布局问题、监视控制台错误或执行任何基于浏览器的视觉测试时使用。常见的触发器包括检查按钮是否工作、验证页面加载、测试表单、检查元素、调试页面、导航到 URL 和验证行为的请求，或涉及可视化浏览器检查和测试的任何请求。 来源：jarrodmedrano/jarrod-claude-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill visual-debugger- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 visual-debugger？
使用 Playwright 浏览器自动化进行交互式可视化调试。当被要求目视检查网站/应用程序、测试 UI 元素、验证按钮功能、检查响应式设计、调试布局问题、监视控制台错误或执行任何基于浏览器的视觉测试时使用。常见的触发器包括检查按钮是否工作、验证页面加载、测试表单、检查元素、调试页面、导航到 URL 和验证行为的请求，或涉及可视化浏览器检查和测试的任何请求。 来源：jarrodmedrano/jarrod-claude-skills。
如何安装 visual-debugger？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill visual-debugger 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/jarrodmedrano/jarrod-claude-skills
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-01