SuperAPI AI 工具集

team-frontend-debug

前端与建站

查看项目

更新于 10-16 08:34

技能介绍

用途:team-frontend-debug 是一个前端调试团队技能,使用 Chrome DevTools MCP 进行浏览器检查。它提供双模式:功能清单测试(test-pipeline,流程为 TEST → ANALYZE → FIX → VERIFY)和错误报告调试(debug-pipeline,流程为 REPRODUCE → ANALYZE → FIX → VERIFY)。

主要能力:技能以 SKILL.md 作为路由,无 --role 参数时启动 coordinator 角色,有 --role <name> 时启动对应 worker。角色注册表包括 coordinator、tester(TEST-)、reproducer(REPRODUCE-)、analyzer(ANALYZE-)、fixer(FIX-)、verifier(VERIFY-*),其中 tester 与 fixer 有 inner loop。所有浏览器检查操作使用 Chrome DevTools MCP 工具,如 navigate_page、take_screenshot、take_snapshot、list_console_messages、list_network_requests、performance_start_trace、click、fill、evaluate_script 等,主要用于 reproducer 和 verifier。

使用方式:通过 Skill(skill="team-frontend-debug", args="feature list or bug description") 调用。会话前缀 TFD,会话路径为 .workflow/.team/TFD-<slug>-<date>/。coordinator 在 Phase 2 解析 project_root 与 skill_root,并写入 team-session.json。可通过 maestro delegate 与 mcp__maestro__team_msg 进行协作。用户命令包括 check/status、resume/continue、revise <TASK-ID>、feedback <text>、retry <TASK-ID>。完成后 coordinator 通过 AskUserQuestion 提供归档清理、保持活跃或导出结果选项。

适用场景:前端功能验收测试、缺陷复现、根因分析、修复与回归验证。

限制:依赖 Chrome DevTools MCP 与浏览器可用性;若无法复现错误或浏览器不可用,技能会报告错误并建议手动复现步骤;资料未提供具体的安装步骤、收费信息或平台兼容性细节。