chrome-devtools 是做什麼的？
透過 MCP 使用 Chrome DevTools 進行高效除錯、故障排除與瀏覽器自動化。適用於網頁除錯、自動化瀏覽器操作、效能分析或檢查網路請求。此技能不適用於 --slim 模式（MCP 設定）。
透過 MCP 使用 Chrome DevTools 進行高效除錯、故障排除與瀏覽器自動化。適用於網頁除錯、自動化瀏覽器操作、效能分析或檢查網路請求。此技能不適用於 `--slim` 模式（MCP 設定）。
此技能利用 Chrome DevTools 的 MCP（Model Context Protocol）整合，為開發者提供直接從 AI 代理操作瀏覽器開發工具的能力。它支援除錯、自動化瀏覽器交互、效能分析以及網路請求檢查等常見任務，能大幅提升網頁開發和測試效率。技能適用於 Claude Code、Cursor 或 Codex 等支援 MCP 的 AI 代理平台，但不適用於 `--slim` 模式。通過此技能，AI 代理可以執行如控制台命令、頁面截圖、DOM 檢查和效能記錄等操作，讓除錯與自動化流程更加直覺與自動化。
npx skills add https://github.com/chromedevtools/chrome-devtools-mcp/tree/main/skills/chrome-devtoolsInstalled? Explore more 生產力與協作 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
透過 MCP 使用 Chrome DevTools 進行高效除錯、故障排除與瀏覽器自動化。適用於網頁除錯、自動化瀏覽器操作、效能分析或檢查網路請求。此技能不適用於 --slim 模式（MCP 設定）。
This repo contains 6 individual skills — each has its own dedicated page.
Uses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines. Use when testing semantic HTML, ARIA labels, focus states, keyboard navigation, tap targets, and color contrast.
Use this skill to write shell scripts or run shell commands to automate tasks in the browser or otherwise use Chrome DevTools via CLI.
Uses Chrome DevTools MCP for inspecting, debugging, and testing cookies, session state, authentication issues, and cookie consent compliance. Use when diagnosing 401/403 errors, authentication redirects, session expiration, Cookie/Set-Cookie header issues, cookie banner consent conformance, or third-party cookie/SameSite/Partitioned cookie warnings.
Guides debugging and optimizing Largest Contentful Paint (LCP) using Chrome DevTools MCP tools. Use this skill whenever the user asks about LCP performance, slow page loads, Core Web Vitals optimization, or wants to understand why their page's main content takes too long to appear. Also use when the user mentions "largest contentful paint", "page load speed", "CWV", or wants to improve how fast their hero image or main content renders.
Diagnoses and resolves memory leaks in JavaScript/Node.js applications. Use when a user reports high memory usage, OOM errors, or wants to capture, compare, or inspect heap snapshots with Chrome DevTools MCP memory tools.
Uses Chrome DevTools MCP and documentation to troubleshoot connection and target issues. Trigger this skill when list_pages, new_page, or navigate_page fail, or when the server initialization fails.
Gemini CLI one-shot prompts, summaries, generation, skills, hooks, MCP, or Gemma routing.
Fetch GitHub issues, select candidates, spawn background fix agents, open PRs, and optionally process PR review comments.
Create, edit, audit, tidy, validate, or restructure AgentSkills and SKILL.md files.
Search, install, update, sync, or publish agent skills with the ClawHub CLI and registry.
Delegate coding work to Codex, Claude Code, or OpenCode as background workers; not simple edits or read-only code lookup.
List, configure, authenticate, call, and inspect MCP servers/tools with mcporter over HTTP or stdio.