chrome-devtools은(는) 무엇을 하나요?
MCP를 통해 Chrome DevTools를 사용하여 효율적인 디버깅, 문제 해결 및 브라우저 자동화를 수행합니다. 웹 페이지 디버깅, 브라우저 상호작용 자동화, 성능 분석 또는 네트워크 요청 검사 시 사용하세요. 이 스킬은 --slim 모드(MCP 설정)에는 적용되지 않습니다.
MCP를 통해 Chrome DevTools를 활용하여 효율적인 디버깅, 문제 해결 및 브라우저 자동화를 수행합니다. 웹 페이지 디버깅, 브라우저 상호작용 자동화, 성능 분석 또는 네트워크 요청 검사 시 사용하세요. 이 스킬은 `--slim` 모드(MCP 설정)에는 적용되지 않습니다.
이 스킬은 Chrome DevTools의 강력한 기능을 MCP(Model Context Protocol)를 통해 LLM 기반 AI 에이전트(예: Claude Code 등)에 통합합니다. 웹 개발자가 디버깅, 성능 분석, 네트워크 요청 검사 및 브라우저 자동화 작업을 효율적으로 수행할 수 있도록 지원합니다. AI 에이전트는 Chrome DevTools Protocol을 사용하여 실제 브라우저 인스턴스와 직접 통신하며, 요소 검사, 콘솔 로그 확인, 네트워크 활동 모니터링, 성능 프로파일링 등 다양한 작업을 자동화할 수 있습니다. 이 스킬은 `--slim` 모드가 아닌 모든 MCP 호환 플랫폼에서 사용 가능하며, 복잡한 웹 애플리케이션 문제를 신속하게 진단하고 해결하는 데 특히 유용합니다.
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.