chrome-devtools-cli은(는) 무엇을 하나요?
이 스킬을 사용하여 셸 스크립트를 작성하거나 셸 명령을 실행하여 브라우저 작업을 자동화하거나 CLI를 통해 Chrome DevTools를 사용할 수 있습니다.
이 스킬을 사용하여 셸 스크립트를 작성하거나 셸 명령을 실행하여 브라우저 작업을 자동화하거나 CLI를 통해 Chrome DevTools를 사용할 수 있습니다.
이 스킬은 Chrome DevTools의 CLI 인터페이스를 활용하여 브라우저 내 작업을 셸 스크립트나 직접 명령어로 자동화할 수 있게 해줍니다. 개발자들은 Puppeteer, Playwright 등 외부 라이브러리 없이도 DevTools 프로토콜을 직접 호출하거나, `chrome-devtools-cli` 유사 도구를 통해 네트워크 모니터링, 성능 분석, 콘솔 로그 수집 등 다양한 DevTools 기능을 스크립트로 제어할 수 있습니다. 주로 Node.js 기반 환경에서 사용되며, headless Chrome 인스턴스와의 통신을 단순화합니다. 명령어 체인, JSON 출력, 필터링 등을 지원하여 CI/CD 파이프라인이나 로컬 개발 워크플로우에 통합하기 용이합니다.
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 →
이 스킬을 사용하여 셸 스크립트를 작성하거나 셸 명령을 실행하여 브라우저 작업을 자동화하거나 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.