chrome-devtools-cli 是做什麼的？
使用此技能，您可以編寫 Shell 腳本或執行 Shell 命令，以自動化瀏覽器任務或透過 CLI 操作 Chrome DevTools。
使用此技能，您可以編寫 Shell 腳本或執行 Shell 命令，以自動化瀏覽器任務或透過 CLI 操作 Chrome DevTools。
此技能可讓開發者與 AI 代理程式透過命令列介面（CLI）直接操控 Chrome DevTools，實現瀏覽器自動化。其核心功能在於允許使用者編寫並執行 Shell 腳本或命令，從而觸發 Chrome DevTools 的各項功能，例如控制網頁、模擬裝置、監控網路活動或調試 JavaScript。支援 arm64/x86_64 架構的 Linux、macOS 及 Windows 系統，但不適用於雲端 IDE（如 GitHub Codespaces）。此技能適用於需要批次執行瀏覽器操作、進行端到端測試或整合 DevTools 到 CI/CD 管線的場景。藉由將 DevTools 功能抽象化為 CLI 指令，它簡化了自動化流程，讓開發者無需手動開啟瀏覽器開發者工具即可執行重複性任務，從而顯著提升工作效率。
npx skills add https://github.com/chromedevtools/chrome-devtools-mcp/tree/main/skills/chrome-devtools-cliInstalled? Explore more 生產力與協作 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
使用此技能，您可以編寫 Shell 腳本或執行 Shell 命令，以自動化瀏覽器任務或透過 CLI 操作 Chrome DevTools。
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.
Uses Chrome DevTools via MCP for efficient debugging, troubleshooting and browser automation. Use when debugging web pages, automating browser interactions, analyzing performance, or inspecting network requests. This skill does not apply to `--slim` mode (MCP configuration).
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.