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