跳到正文
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).

实测评分 未实测

查看安装方法

适用场景

  • 自动填写表单和切换页面
  • 保存网页屏幕截图
  • 将浏览器操作过程录制为 GIF
  • 调查网站的控制台日志

中文介绍

功能

让智能体在 Chrome 中打开网页、点击页面元素、填写表单,并在页面之间跳转。除了截取屏幕画面,还支持将连续的操作录制为 GIF。它也能读取控制台日志,即网页输出的运行和错误记录,并按指定模式筛选相关内容。

适用场景

适合将浏览器中重复的输入和页面跳转合并交办,或用图像保留操作步骤。调查网站故障时,可以同时查看屏幕画面和日志,了解页面显示的情况及其输出的记录。操作会在现有 Chrome 会话中新建的标签页内进行。

使用示例

  • “在这个页面的表单中填写我指定的内容。”
  • “把这一系列浏览器操作录制为 GIF。”
  • “从控制台日志中找出与这个错误有关的记录。”

注意事项

需要 Chrome 扩展程序和配套的浏览器操作工具。执行前,须在扩展程序中设置各网站的访问权限。浏览器确认对话框等窗口打开后,自动操作可能停止;遇到这种情况,可能需要手动关闭对话框,才能继续操作浏览器。

本介绍由 AI(OpenAI Codex)根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。

文档检查

AI 根据 SKILL.md 的内容检查了需要注意的操作和使用前提。评分只依据实际运行的结果(实测对比)。

安全性发送数据、删除文件、执行命令等是否有说明
A良好要求网站权限,并规定避免阻塞对话框、反复操作失败后停止。
安装难易度所需工具和 API 密钥是否少且有说明
B部分不足需要扩展程序、专用工具和网站权限,但配置说明仅覆盖部分步骤。

不计入评分。 由 AI(OpenAI Codex)于 2026年10月23日 评估。仅供参考,安装前请同时查看原文。

如果您认为评估有误,请申请复核

请写明哪一项有误以及原因。无需登录。我们会对照 SKILL.md 重新评估,并在此处更新结果。

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

包含的文件(1)

  • SKILL.md4.6 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

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 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

3d-object

免费有简介

使用three.js创建立体模型,在交互式查看器中从各个角度检查形状和材质,并以OBJ + MTL或GLB格式保存,供其他三维制作软件使用。

  • 创建立体模型并从各个角度检查
  • 制作可在Blender中继续编辑的模型
  • 检查模型轮廓和材质效果
asgeirtj/system_prompts_leaks7万2026年10月24日 更新

action-items

免费有简介

在个人任务清单中记录待办事项、承诺、期限、下一步、待回复对象和阻碍原因,更新进度与依赖关系,合并重复项并归档已结束的任务。

  • 记录有期限的任务与承诺
  • 整理待回复事项及阻碍原因
  • 前置任务完成后更新依赖关系
asgeirtj/system_prompts_leaks7万2026年10月24日 更新

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月24日 更新

animated-video

免费有简介

将动画制作成可播放、暂停和定位时间的HTML页面,通过时间轴调整场景时长与速度,并为横屏或竖屏视频导出做好准备。

  • 制作产品操作演示动画
  • 用文字和图形解释内容
  • 制作竖屏动画
asgeirtj/system_prompts_leaks7万2026年10月24日 更新

apple_healthkit

免费有简介

按指定时段查看已同步到Apple Health的步数、心率、睡眠和锻炼记录,了解日常变化,并检查同步状态及记录缺失情况。

  • 查看步数与心率变化
  • 检查睡眠阶段、时长及夜间醒来情况
  • 回顾运动时长、距离与消耗热量
asgeirtj/system_prompts_leaks7万2026年10月24日 更新

artifact_document

免费有简介

创建和编辑Word文档及模板,提取或整理内容、替换图片,并处理修订和批注。使用规范的标题与列表结构,交付前检查所有页面的显示效果。

  • 创建结构规范的Word文档
  • 整理现有文档的内容
  • 替换文档中的图片和文字
asgeirtj/system_prompts_leaks7万2026年10月24日 更新

查看 asgeirtj 的全部技能

报告此技能的问题