three.js로 입체 모델을 만들고 회전 가능한 뷰어에서 모든 각도로 확인합니다. OBJ + MTL이나 GLB로 저장해 다른 3D 제작 소프트웨어에서 사용할 수 있습니다.
- 입체 모델을 만들고 모든 각도에서 확인하기
- Blender에서 편집할 모델 만들기
- 모델의 윤곽과 재질 표현 확인하기
설정과 오류 메시지를 차례로 확인해 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.
실행 점수 미검증
설치 방법 보기Chrome DevTools MCP의 설정과 오류 내용을 차례로 확인해 문제를 진단합니다. 서버가 시작되지 않거나 브라우저에 연결되지 않는 경우, 페이지 목록이 비어 있는 경우, 인수 오류나 환경 변수 누락, 연결 방식 불일치 등을 살펴봅니다. Could not find DevToolsActivePort 오류, 도구 누락, 확장 프로그램 로드 실패와 같은 증상별 점검 절차도 다룹니다. 필요하면 알려진 문제와 로그를 참고해 사용 환경에 맞는 설정 예시를 정리합니다.
list_pages, new_page, navigate_page가 실패하거나 MCP 서버 초기화가 멈출 때 사용할 수 있습니다. Chrome 연결 방식이나 클라이언트의 읽기 전용 설정처럼 가능한 원인이 여럿일 때 진단을 진행하는 데도 유용합니다.
list_pages가 빈 목록을 반환하는 원인을 찾아 주세요.”진단에는 사용 중인 MCP 클라이언트와 Chrome 환경 정보가 필요합니다. 필요에 따라 공식 문제 해결 자료나 GitHub CLI를 참고합니다.
이 소개문은 공개된 SKILL.md를 바탕으로 AI(OpenAI Codex)가 작성했습니다. 정확한 사양은 아래 원문을 확인하세요.
AI가 SKILL.md의 내용에서 주의가 필요한 작업과 도입 전제를 확인했습니다. 점수는 실제로 실행한 결과(실행 검증)만으로 매깁니다.
점수에는 넣지 않았습니다. 2026년 10월 30일 기준으로 AI(OpenAI Codex)가 판정했습니다. 참고용이므로 설치 전에 원문도 확인해 주세요.
설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
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:
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:
--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.
Before reading documentation or suggesting configuration changes, check if the error message matches one of the following common patterns.
Could not find DevToolsActivePortThis 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:
chrome://inspect/#remote-debugging, and make sure the 'Enable remote debugging' checkbox is checked."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.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.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.
--autoBronnect instead of --autoConnect.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).
If the tools related to extensions (like install_extension) are not available, or if the extensions you load are not functioning:
--categoryExtensions flag: Ensure this flag is passed in the MCP server configuration to enable the extension category tools.--auto-connect, --browserUrl).Identify other error messages from the failed tool call or the MCP initialization logs:
Target closed--slim which only enables navigation and screenshot tools).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 unexpectedlyError [ERR_MODULE_NOT_FOUND]: Cannot find moduleRead 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:
--autoConnect handshakes, timeouts, and requirements (requires running Chrome 144+).Based on the exact error and the user's environment (OS, MCP client), formulate the correct MCP configuration snippet. Check if they need to:
--browser-url=http://127.0.0.1:9222 instead of --autoConnect (e.g. if they are in a sandboxed environment like Claude Desktop).chrome://inspect/#remote-debugging) and accept the connection prompt. Ask the user to verify this is enabled if using --autoConnect.--logFile <absolute_path_to_log_file> to capture debug logs for analysis.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.
If the issue is still unclear, run diagnostic commands to test the server directly:
npx chrome-devtools-mcp@latest --help to verify the installation and Node.js environment.DEBUG=* npx chrome-devtools-mcp@latest --logFile=/tmp/cdm-test.log to capture verbose logs. Analyze the output for errors.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.
아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.
로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.
아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.
three.js로 입체 모델을 만들고 회전 가능한 뷰어에서 모든 각도로 확인합니다. OBJ + MTL이나 GLB로 저장해 다른 3D 제작 소프트웨어에서 사용할 수 있습니다.
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
개인 작업 목록에 할 일, 기한, 다음 단계, 답변을 기다리는 대상과 진행을 막는 이유를 기록합니다. 진행 상황과 의존 관계를 갱신하고 중복 및 완료 항목을 정리합니다.
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Antigravity가 사용자 지정 항목을 발견하고 불러오는 위치와 우선순위를 알아봅니다. 에이전트 작업 흐름과 외부 도구 연결에 맞춰 스킬, 규칙, 플러그인, 훅, MCP 서버를 선택하고 만드는 방법을 안내합니다.
재생, 일시 정지, 시간 위치 지정이 가능한 HTML 애니메이션을 만듭니다. 장면 길이와 속도를 조절하고 가로형·세로형 영상 내보내기를 준비합니다.