菜单
Visual tests and browser debugging via Chrome. Use to test web pages, verify visual rendering, debug with the console, or automate browser actions. Trigger when the user mentions "visual test", "Chrome", "browser", "browser console", "DOM", "screenshot", "GIF".
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Multi-agent team orchestration with native Agent Teams. Trigger when the user wants to launch a team of agents, coordinate parallel work with inter-agent communication, or use swarm mode.
Perform a thorough code review. Use when the user requests a review, wants to verify code quality, or before merging a PR.
Context transfer between AI sessions. Trigger when the user wants to save the context, resume a task, or hand off the work to another session.
API mock configuration for tests. Trigger when the user wants to mock APIs, use MSW, or test without a backend.
Debug and resolve problems. Use when the user has a bug, an error, an unexpected behavior, or wants to understand why something is not working.
TDD development with Red-Green-Refactor cycle. Use to implement a feature by writing tests BEFORE the code. Trigger automatically when the user asks for TDD, wants to write tests first, mentions "test first", or asks to implement, add, create, fix, correct code, a new feature, a bugfix, or a functionality.
| name | qa-chrome |
| description | Visual tests and browser debugging via Chrome. Use to test web pages, verify visual rendering, debug with the console, or automate browser actions. Trigger when the user mentions "visual test", "Chrome", "browser", "browser console", "DOM", "screenshot", "GIF". |
| allowed-tools | ["Read","Bash","Grep","Glob"] |
| context | fork |
| disable-model-invocation | true |
| argument-hint | [url-or-page] |
DevTools features (network inspection, profiling, accessibility tree, console replay) are canonical at the Chrome team's MCP server:
ChromeDevTools/chrome-devtools-mcp — github.com/ChromeDevTools/chrome-devtools-mcp (Apache-2.0, maintained by the Google Chrome DevTools team). Configure in .mcp.json to give Claude Code direct programmatic access during a session.This skill scopes to the manual-review checklist when using Claude Code's --chrome flag — what to look for, not how the API works.
--chromeWhen asked to visually validate a page or flow:
wcag-audit)qa-design (responsive category)Structured report:
OK / Warnings / Errorschrome-devtools-mcp (vendor MCP server, programmatic layer) — docs/recipes/recommended-vendor-skills.mdqa-design skill — UI/UX heuristics + responsive/breakpoint testing complementwcag-audit — accessibility gate when contrast/readability issues surfacespecs/marketplace-audit/qa-skills-pilot-2026-05-06.md