{"enrichment":{"faq":[{"a":"team-frontend-debug integrates Chrome DevTools MCP to enable collaborative debugging. The skill assigns specialized roles\u2014reproducer, analyzer, and fixer\u2014to your team. Each role uses DevTools for browser inspection, DOM analysis, console monitoring, and performance tracing. The coordinator parses your input and routes it through the appropriate debugging pipeline, ensuring systematic issue investigation and resolution.","q":"How do I debug frontend issues with Chrome DevTools using team-frontend-debug?"},{"a":"team-frontend-debug orchestrates a multi-role team where the coordinator receives your feature list or bug report, then spawns specialized workers: tester handles feature validation, reproducer captures browser issues with evidence, analyzer diagnoses root causes, fixer generates solutions, and verifier confirms fixes. This structured workflow ensures comprehensive frontend quality assurance across your web app.","q":"What is the team-frontend-debug setup for testing features and finding bugs?"},{"a":"Yes. team-frontend-debug automates both testing and verification phases. Feature lists flow through the tester role for systematic validation, while bug reports enter the reproducer pipeline for automated evidence capture. The verifier role then confirms fixes work correctly. This end-to-end automation reduces manual effort and ensures consistent quality checks across your frontend.","q":"Can team-frontend-debug automate feature testing and bug verification workflows?"},{"a":"team-frontend-debug uses a coordinated pipeline: the reproducer role captures browser issues using Chrome DevTools, documenting console errors, network activity, and DOM state. The analyzer role then diagnoses the root cause, and the fixer role generates targeted solutions. Each step leverages DevTools MCP for detailed browser inspection and performance monitoring.","q":"How does team-frontend-debug reproduce and fix browser bugs?"},{"a":"team-frontend-debug assigns five specialized roles: coordinator (parses input and manages workflow), tester (validates features), reproducer (captures browser issues with DevTools), analyzer (diagnoses problems), fixer (generates fixes), and verifier (confirms solutions). This multi-role structure ensures systematic coverage of testing, debugging, and verification phases.","q":"What team roles does team-frontend-debug assign for frontend debugging?"},{"a":"Yes. team-frontend-debug leverages Chrome DevTools MCP to monitor network requests, console logs, and performance metrics throughout the debugging workflow. The reproducer and analyzer roles use these insights to capture evidence and diagnose issues. This comprehensive monitoring ensures you have full visibility into browser behavior during feature testing and bug investigation.","q":"Does team-frontend-debug monitor network, console, and performance during debugging?"}],"shadow_tags":["browser-automation","qa-workflow","collaborative-debugging","regression-testing","performance-profiling","dom-inspection","network-monitoring","evidence-collection","multi-agent-coordination"],"summary_rewrite":"team-frontend-debug orchestrates a multi-role team for frontend quality assurance, routing feature lists to a testing pipeline or bug reports to a debugging pipeline. Both flows leverage Chrome DevTools MCP for browser inspection, DOM analysis, console monitoring, and performance tracing. The coordinator role parses your input, spawns specialized workers (tester, reproducer, analyzer, fixer, verifier), and manages progress across phases."},"files":[{"bytes":7876,"path":".claude/skills/team-frontend-debug/SKILL.md","sha256":"962c6a88078612fce08879481db2ddf2af391727e2024967815b80aecad0fcfe","url":"https://skillfed.io/files/catlog22/Claude-Code-Workflow/team-frontend-debug/2671e58c/SKILL.md"}],"id":"catlog22/Claude-Code-Workflow/team-frontend-debug","links":{"html":"https://skillfed.io/catlog22/Claude-Code-Workflow/team-frontend-debug","md":"https://skillfed.io/catlog22/Claude-Code-Workflow/team-frontend-debug.md","repo":"https://github.com/catlog22/Claude-Code-Workflow"},"meta":{"agents_supported":["claude-code","codex"],"first_seen":"2026-07-28","forks":165,"language":"TypeScript","last_updated":"2026-06-18","license":"MIT","name":"team-frontend-debug","publisher":"catlog22","stars":2142},"relations":{"categories":["frontend-qa","devops","multi-agent-orchestration"],"similar":[{"id":"catlog22/maestro-flow/team-frontend-debug"},{"id":"catlog22/Claude-Code-Workflow/team-review"},{"id":"catlog22/Claude-Code-Workflow/team-ui-polish"},{"id":"catlog22/Claude-Code-Workflow/team-roadmap-dev"},{"id":"catlog22/Claude-Code-Workflow/team-arch-opt"},{"id":"catlog22/Claude-Code-Workflow/team-brainstorm"},{"id":"catlog22/Claude-Code-Workflow/team-issue"},{"id":"catlog22/Claude-Code-Workflow/team-motion-design"},{"id":"catlog22/Claude-Code-Workflow/team-visual-a11y"},{"id":"catlog22/Claude-Code-Workflow/team-lifecycle-v4"}]},"slug":{"owner":"catlog22","repo":"Claude-Code-Workflow","skill":"team-frontend-debug"},"version":"2671e58c"}