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

claude-in-chrome

Chrome에서 페이지 이동, 클릭과 양식 입력을 자동화합니다. 화면을 캡처하거나 작업을 GIF로 기록하고, 콘솔 로그를 확인하고 필터링해 웹사이트 문제를 조사합니다.

원문원문 설명 보기

Automates your Chrome browser to interact with web pages - clicking elements, filling forms, capturing screenshots, reading console logs, and navigating sites. Opens pages in new tabs within your existing Chrome session. Requires site-level permissions before executing (configured in the extension).

AI 평가90점/ 100설치 방법 보기

이럴 때 유용합니다

  • 양식 입력과 페이지 이동 자동화
  • 웹페이지 화면 캡처 저장
  • 브라우저 조작 과정을 GIF로 기록
  • 사이트의 콘솔 로그 조사

한국어 소개

할 수 있는 일

Chrome에서 웹페이지를 열고 클릭, 양식 입력, 페이지 이동을 에이전트에게 맡길 수 있습니다. 화면 캡처뿐 아니라 여러 조작을 GIF로 기록할 수도 있습니다. 웹페이지가 출력하는 동작과 오류 기록인 콘솔 로그를 읽고, 지정한 패턴으로 필요한 기록을 골라 확인합니다.

이럴 때 유용합니다

브라우저에서 반복하는 입력이나 이동을 한 번에 요청하거나, 조작 절차를 이미지로 남길 때 유용합니다. 웹사이트의 문제를 조사할 때는 화면과 로그를 함께 확인할 수 있습니다. 작업은 기존 Chrome 세션에 새 탭을 열어 진행합니다.

사용 예시

  • “이 페이지의 양식에 지정한 내용을 입력해 주세요.”
  • “일련의 브라우저 조작을 GIF로 기록해 주세요.”
  • “콘솔 로그에서 이 오류와 관련된 기록을 찾아 주세요.”

주의 사항

Chrome 확장 프로그램과 호환되는 브라우저 조작 도구가 필요합니다. 실행 전에 확장 프로그램에서 사이트별 권한을 설정해야 합니다. 브라우저 확인 대화상자 등이 열리면 자동 조작이 중단될 수 있으며, 계속 진행하려면 사용자가 직접 닫아야 할 수도 있습니다.

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

객관 평가

AI가 SKILL.md의 내용만을 근거로 4가지 관점에서 판정했습니다. 스타 수나 인기도는 판정에 넣지 않았습니다.

지시의 명확성언제 쓰고 무엇을 하는지 알 수 있는가
A양호클릭, 양식 입력, 화면 캡처, 로그 확인 등 브라우저 작업 용도가 명시되어 있습니다.
절차의 구체성절차·입출력·예시가 구체적으로 적혀 있는가
A양호시작 시 탭 확인, 조작 전후 GIF 프레임, 로그의 pattern 지정이 구체적입니다.
안전성전송·삭제·명령 실행 등을 명시하고 있는가
A양호사이트별 권한을 요구하며, 대화상자 회피와 반복된 조작 실패 시 중단을 지시합니다.
도입의 용이성필요한 도구나 API 키가 적고 적혀 있는가
B일부 부족확장 프로그램, 전용 도구, 사이트별 권한이 필요하지만 설정 설명은 일부만 있습니다.

총점은 각 항목을 A=25점, B=15점, C=5점으로 더한 값입니다. 2026년 10월 23일 기준으로 AI(OpenAI Codex)가 판정했습니다. 참고용이므로 설치 전에 원문도 확인해 주세요.

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

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

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

포함된 파일(1)

  • SKILL.md4.6 KB

SKILL.md(원문)

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

Claude in Chrome browser automation

You have access to browser automation tools (mcp__claude-in-chrome__*) for interacting with web pages in Chrome. Follow these guidelines for effective browser automation.

Loading deferred tools

If the mcp__claude-in-chrome__* tools are deferred (must be loaded via ToolSearch before use), load every tool you expect to need in ONE ToolSearch call — the select query accepts a comma-separated list — never one call per tool. Start with the core set:

ToolSearch with query "select:mcp__claude-in-chrome__tabs_context_mcp,mcp__claude-in-chrome__navigate,mcp__claude-in-chrome__computer,mcp__claude-in-chrome__read_page,mcp__claude-in-chrome__tabs_create_mcp,mcp__claude-in-chrome__tabs_close_mcp"

Add task-specific tools to the same call when the task obviously needs them: read_console_messages / read_network_requests for debugging, form_input for forms, gif_creator for recordings, javascript_tool for page scripting.

GIF recording

When performing multi-step browser interactions that the user may want to review or share, use mcp__claude-in-chrome__gif_creator to record them.

You must ALWAYS:

  • Capture extra frames before and after taking actions to ensure smooth playback
  • Name the file meaningfully to help the user identify it later (e.g., "login_process.gif")

Console log debugging

You can use mcp__claude-in-chrome__read_console_messages to read console output. Console output may be verbose. If you are looking for specific log entries, use the 'pattern' parameter with a regex-compatible pattern. This filters results efficiently and avoids overwhelming output. For example, use pattern: "[MyApp]" to filter for application-specific logs rather than reading all console output.

Alerts and dialogs

IMPORTANT: Do not trigger JavaScript alerts, confirms, prompts, or browser modal dialogs through your actions. These browser dialogs block all further browser events and will prevent the extension from receiving any subsequent commands. Instead, when possible, use console.log for debugging and then use the mcp__claude-in-chrome__read_console_messages tool to read those log messages. If a page has dialog-triggering elements:

  1. Avoid clicking buttons or links that may trigger alerts (e.g., "Delete" buttons with confirmation dialogs)
  2. If you must interact with such elements, warn the user first that this may interrupt the session
  3. Use mcp__claude-in-chrome__javascript_tool to check for and dismiss any existing dialogs before proceeding

If you accidentally trigger a dialog and lose responsiveness, inform the user they need to manually dismiss it in the browser.

Avoid rabbit holes and loops

When using browser automation tools, stay focused on the specific task. If you encounter any of the following, stop and ask the user for guidance:

  • Unexpected complexity or tangential browser exploration
  • Browser tool calls failing or returning errors after 2-3 attempts
  • No response from the browser extension
  • Page elements not responding to clicks or input
  • Pages not loading or timing out
  • Unable to complete the browser task despite multiple approaches

Explain what you attempted, what went wrong, and ask how the user would like to proceed. Do not keep retrying the same failing browser action or explore unrelated pages without checking in first.

Tab context and session startup

IMPORTANT: At the start of each browser automation session, call mcp__claude-in-chrome__tabs_context_mcp first to get information about the user's current browser tabs. Use this context to understand what the user might want to work with before creating new tabs.

Never reuse tab IDs from a previous/other session. Follow these guidelines:

  1. Only reuse an existing tab if the user explicitly asks to work with it
  2. Otherwise, create a new tab with mcp__claude-in-chrome__tabs_create_mcp
  3. If a tool returns an error indicating the tab doesn't exist or is invalid, call tabs_context_mcp to get fresh tab IDs
  4. When a tab is closed by the user or a navigation error occurs, call tabs_context_mcp to see what tabs are available

리뷰

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

댓글

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

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

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

0 / 1,000자

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

같은 저장소의 스킬

3d-object

무료요약 있음AI 평가 90점

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

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

action-items

무료요약 있음AI 평가 90점

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

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

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월 23일 업데이트

animated-video

무료요약 있음AI 평가 90점

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

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

apple_healthkit

무료요약 있음AI 평가 90점

Apple Health에 동기화된 걸음 수, 심박수, 수면, 운동 기록을 기간별로 확인하고 일상 변화와 동기화 상태, 누락된 데이터를 살펴봅니다.

  • 걸음 수와 심박수의 변화를 확인합니다
  • 수면 단계와 시간, 중간 각성을 확인합니다
  • 운동 시간과 거리, 소모 열량을 돌아봅니다
asgeirtj/system_prompts_leaks7만2026년 10월 23일 업데이트

artifact_document

무료요약 있음AI 평가 90점

Word 문서와 템플릿을 만들고 편집하며 내용 추출, 이미지 교체, 변경 내용 추적과 메모를 다룹니다. 제목과 목록 구조를 정리하고 모든 페이지의 표시를 확인합니다.

  • 구조를 갖춘 Word 문서 작성
  • 기존 문서의 내용 정리
  • 문서 안의 이미지와 텍스트 교체
asgeirtj/system_prompts_leaks7만2026년 10월 23일 업데이트

asgeirtj의 스킬 모두 보기

이 스킬의 문제 신고