본문으로 건너뛰기
cccskills
무료GitHub에 공개한국어 소개

troubleshooting

설정과 오류 메시지를 차례로 확인해 Chrome DevTools MCP의 연결, 페이지 조작, 시작 문제를 진단합니다. 도구 누락이나 빈 페이지 목록 등의 증상에 맞는 점검 절차와 설정 예시를 제공합니다.

원문원문 설명 보기

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.

asgeirtj/system_prompts_leaks스타 70,411(GitHub 70,411 + cccskills 0)
연동 도구GitHub

실행 점수 미검증

설치 방법 보기

이럴 때 유용합니다

  • MCP 서버 시작 오류 조사
  • Chrome 연결 문제 해결
  • 페이지 목록이나 도구 누락 점검

한국어 소개

할 수 있는 일

Chrome DevTools MCP의 설정과 오류 내용을 차례로 확인해 문제를 진단합니다. 서버가 시작되지 않거나 브라우저에 연결되지 않는 경우, 페이지 목록이 비어 있는 경우, 인수 오류나 환경 변수 누락, 연결 방식 불일치 등을 살펴봅니다. Could not find DevToolsActivePort 오류, 도구 누락, 확장 프로그램 로드 실패와 같은 증상별 점검 절차도 다룹니다. 필요하면 알려진 문제와 로그를 참고해 사용 환경에 맞는 설정 예시를 정리합니다.

이럴 때 유용합니다

list_pages, new_page, navigate_page가 실패하거나 MCP 서버 초기화가 멈출 때 사용할 수 있습니다. Chrome 연결 방식이나 클라이언트의 읽기 전용 설정처럼 가능한 원인이 여럿일 때 진단을 진행하는 데도 유용합니다.

사용 예시

  • “Chrome DevTools MCP가 시작되지 않습니다. 설정을 확인해 주세요.”
  • “list_pages가 빈 목록을 반환하는 원인을 찾아 주세요.”
  • “이 연결 오류에 맞는 설정 예시를 보여 주세요.”

주의 사항

진단에는 사용 중인 MCP 클라이언트와 Chrome 환경 정보가 필요합니다. 필요에 따라 공식 문제 해결 자료나 GitHub CLI를 참고합니다.

이 소개문은 공개된 SKILL.md를 바탕으로 AI(OpenAI Codex)가 작성했습니다. 정확한 사양은 아래 원문을 확인하세요.

문서 점검

AI가 SKILL.md의 내용에서 주의가 필요한 작업과 도입 전제를 확인했습니다. 점수는 실제로 실행한 결과(실행 검증)만으로 매깁니다.

안전성전송·삭제·명령 실행 등을 명시하고 있는가
C확인 필요설정 파일 읽기, 로그 수집, npx 실행, GitHub 검색을 확인 절차 없이 지시합니다.
도입의 용이성필요한 도구나 API 키가 적고 적혀 있는가
B일부 부족MCP 클라이언트와 Chrome이 필요하지만 설치 절차는 없고 GitHub CLI는 조건부입니다.

점수에는 넣지 않았습니다. 2026년 10월 30일 기준으로 AI(OpenAI Codex)가 판정했습니다. 참고용이므로 설치 전에 원문도 확인해 주세요.

평가가 다르다고 생각되면 재검토를 요청하기

어느 항목이 왜 다르다고 생각하는지 적어 주세요. 로그인은 필요 없습니다. SKILL.md와 대조해 평가를 다시 만들고 이곳에 반영합니다.

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

포함된 파일(1)

  • SKILL.md6.9 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Troubleshooting Wizard

You are acting as a troubleshooting wizard to help the user configure and fix their Chrome DevTools MCP server setup. When this skill is triggered (e.g., because list_pages, new_page, or navigate_page failed, or the server wouldn't start), follow this step-by-step diagnostic process:

Step 1: Find and Read Configuration

Your first action should be to locate and read the MCP configuration file. Search for the following files in the user's workspace: .mcp.json, gemini-extension.json, .claude/settings.json, .vscode/launch.json, or .gemini/settings.json.

If you find a configuration file, read and interpret it to identify potential issues such as:

  • Incorrect arguments or flags.
  • Missing environment variables.
  • Usage of --autoConnect in incompatible environments.

If you cannot find any of these files, only then should you ask the user to provide their configuration file content.

Step 2: Triage Common Connection Errors

Before reading documentation or suggesting configuration changes, check if the error message matches one of the following common patterns.

Error: Could not find DevToolsActivePort

This error is highly specific to the --autoConnect feature. It means the MCP server cannot find the file created by a running, debuggable Chrome instance. This is not a generic connection failure.

Your primary goal is to guide the user to ensure Chrome is running and properly configured. Do not immediately suggest switching to --browserUrl. Follow this exact sequence:

  1. Ask the user to confirm that the correct Chrome version (e.g., "Chrome Canary" if the error mentions it) is currently running.
  2. If the user confirms it is running, instruct them to enable remote debugging. Be very specific about the URL and the action: "Please open a new tab in Chrome, navigate to chrome://inspect/#remote-debugging, and make sure the 'Enable remote debugging' checkbox is checked."
  3. Once the user confirms both steps, your only next action should be to call the list_pages tool. This is the simplest and safest way to verify if the connection is now successful. Do not retry the original, more complex command yet.
  4. If list_pages succeeds, the problem is resolved. If it still fails with the same error, then you can proceed to the more advanced steps like suggesting --browserUrl or checking for sandboxing issues.

Symptom: Server starts but creates a new empty profile

If the server starts successfully but list_pages returns an empty list or creates a new profile instead of connecting to the existing Chrome instance, check for typos in the arguments.

  • Check for flag typos: For example, --autoBronnect instead of --autoConnect.
  • Verify the configuration: Ensure the arguments match the expected flags exactly.

Symptom: Missing Tools / Only 9 tools available

If the server starts successfully but only a limited subset of tools (like list_pages, get_console_message, lighthouse_audit, take_heapsnapshot) are available, this is likely because the MCP client is enforcing a read-only mode.

All tools in chrome-devtools-mcp are annotated with readOnlyHint: true (for safe, non-modifying tools) or readOnlyHint: false (for tools that modify browser state, like emulate, click, navigate_page). To access the full suite of tools, the user must disable read-only mode in their MCP client (e.g., by exiting "Plan Mode" in Gemini CLI or adjusting their client's tool safety settings).

Symptom: Extension tools are missing or extensions fail to load

If the tools related to extensions (like install_extension) are not available, or if the extensions you load are not functioning:

  1. Check for the --categoryExtensions flag: Ensure this flag is passed in the MCP server configuration to enable the extension category tools.
  2. Make sure the MCP server in configured to launch Chrome instead of connecting to an instance: Chrome before 149 is not able to load extensions when connecting to an existing instance (--auto-connect, --browserUrl).

Other Common Errors

Identify other error messages from the failed tool call or the MCP initialization logs:

  • Target closed
  • "Tool not found" (check if they are using --slim which only enables navigation and screenshot tools).
  • Missing pageId: Page-scoped tools require a pageId argument. Call list_pages to find active page IDs.
  • ProtocolError: Network.enable timed out or The socket connection was closed unexpectedly
  • Error [ERR_MODULE_NOT_FOUND]: Cannot find module
  • Any sandboxing or host validation errors.

Step 3: Read Known Issues

Read the contents of https://github.com/ChromeDevTools/chrome-devtools-mcp/blob/main/docs/troubleshooting.md to map the error to a known issue. Pay close attention to:

  • Sandboxing restrictions (macOS Seatbelt, Linux containers).
  • WSL requirements.
  • --autoConnect handshakes, timeouts, and requirements (requires running Chrome 144+).

Step 4: Formulate a Configuration

Based on the exact error and the user's environment (OS, MCP client), formulate the correct MCP configuration snippet. Check if they need to:

  • Pass --browser-url=http://127.0.0.1:9222 instead of --autoConnect (e.g. if they are in a sandboxed environment like Claude Desktop).
  • Enable remote debugging in Chrome (chrome://inspect/#remote-debugging) and accept the connection prompt. Ask the user to verify this is enabled if using --autoConnect.
  • Add --logFile <absolute_path_to_log_file> to capture debug logs for analysis.
  • Increase startup_timeout_ms (e.g. to 20000) if using Codex on Windows.

If you are unsure of the user's configuration, ask the user to provide their current MCP server JSON configuration.

Step 5: Run Diagnostic Commands

If the issue is still unclear, run diagnostic commands to test the server directly:

  • Run npx chrome-devtools-mcp@latest --help to verify the installation and Node.js environment.
  • If you need more information, run DEBUG=* npx chrome-devtools-mcp@latest --logFile=/tmp/cdm-test.log to capture verbose logs. Analyze the output for errors.

Step 6: Check GitHub for Existing Issues

If https://github.com/ChromeDevTools/chrome-devtools-mcp/blob/main/docs/troubleshooting.md does not cover the specific error, check if the gh (GitHub CLI) tool is available in the environment. If so, search the GitHub repository for similar issues:
gh issue list --repo ChromeDevTools/chrome-devtools-mcp --search "<error snippet>" --state all

Alternatively, you can recommend that the user checks https://github.com/ChromeDevTools/chrome-devtools-mcp/issues and https://github.com/ChromeDevTools/chrome-devtools-mcp/discussions for help.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

3d-object

무료요약 있음

three.js로 입체 모델을 만들고 회전 가능한 뷰어에서 모든 각도로 확인합니다. OBJ + MTL이나 GLB로 저장해 다른 3D 제작 소프트웨어에서 사용할 수 있습니다.

  • 입체 모델을 만들고 모든 각도에서 확인하기
  • Blender에서 편집할 모델 만들기
  • 모델의 윤곽과 재질 표현 확인하기
asgeirtj/system_prompts_leaks7만2026년 10월 29일 업데이트

Audit web accessibility with Chrome DevTools MCP and Lighthouse. Inspect semantic structure, labels, keyboard focus, tap target size, and color contrast, then identify page elements that may need changes based on web.dev guidance.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Finding missing labels or image alternatives
  • Checking heading structure and reading order
  • Testing keyboard navigation and modal focus
asgeirtj/system_prompts_leaks7만2026년 10월 29일 업데이트

action-items

무료요약 있음

개인 작업 목록에 할 일, 기한, 다음 단계, 답변을 기다리는 대상과 진행을 막는 이유를 기록합니다. 진행 상황과 의존 관계를 갱신하고 중복 및 완료 항목을 정리합니다.

  • 기한이 있는 작업과 약속 기록
  • 답변 대기와 진행을 막는 이유 정리
  • 선행 작업 완료 후 의존 관계 갱신
asgeirtj/system_prompts_leaks7만2026년 10월 29일 업데이트

agents

무료

Coordinate a task from a verifiable goal through completion. Handle work directly or split independent tasks across separate agent sessions, track progress, verify results, and arrange pull request merging when included in the goal.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Split independent tasks across agents
  • Check progress across ongoing tasks
  • Resume a previously started project
asgeirtj/system_prompts_leaks7만2026년 10월 29일 업데이트

agy-customizations

무료요약 있음

Antigravity가 사용자 지정 항목을 발견하고 불러오는 위치와 우선순위를 알아봅니다. 에이전트 작업 흐름과 외부 도구 연결에 맞춰 스킬, 규칙, 플러그인, 훅, MCP 서버를 선택하고 만드는 방법을 안내합니다.

  • 사용자 지정 유형을 선택할 때
  • 설정 위치와 적용 우선순위를 확인할 때
  • 스킬이나 규칙을 만들 때
asgeirtj/system_prompts_leaks7만2026년 10월 29일 업데이트

animated-video

무료요약 있음

재생, 일시 정지, 시간 위치 지정이 가능한 HTML 애니메이션을 만듭니다. 장면 길이와 속도를 조절하고 가로형·세로형 영상 내보내기를 준비합니다.

  • 제품 조작 과정을 영상으로 제작
  • 글자와 도형으로 내용 설명
  • 세로형 애니메이션 제작
asgeirtj/system_prompts_leaks7만2026년 10월 29일 업데이트

asgeirtj의 스킬 모두 보기

이 스킬의 문제 신고