debug-frontend
Skillby bbvch-ai
Debug the Nuxt 3 admin UI using Playwright MCP for visual inspection, console error analysis, and network request tracing. Use when user says 'UI is broken', 'page not loading', 'frontend bug', 'console errors', 'API call failing in UI', 'component not rendering', 'blank page', 'verify my UI changes', or 'check the admin interface'. Do NOT use for static code quality audits (use audit-frontend), backend agent debugging (use debug-agent), or bot platform issues (use debug-bot).
Details
- Path
- .claude/skills/debug-frontend/SKILL.md
- Allowed tools
- 15
Allowed tools
ReadBashGrepGlobmcp__playwright__browser_navigatemcp__playwright__browser_snapshotmcp__playwright__browser_take_screenshotmcp__playwright__browser_console_messagesmcp__playwright__browser_network_requestsmcp__playwright__browser_clickmcp__playwright__browser_typemcp__playwright__browser_fill_formmcp__playwright__browser_select_optionmcp__playwright__browser_press_keymcp__playwright__browser_evaluate