{"id":"7ac2d5be-c24d-43b7-bcde-867b6a597133","slug":"gemini-skill","kind":"skill","name":"gemini-skill","summary":"gemini drawing MCP & skill through browser, can be used in openclaw or any agent that supports MCP. Gemini画图 MCP和sill，支持龙虾或任何agent使用٩(๑>◡<๑)۶","owner":"WJZ-P","repoUrl":"https://github.com/WJZ-P/gemini-skill","license":"MIT","licenseTier":"permissive","trust":"community","stars":834,"match":null,"fewStars":false,"format":"skill","createdAt":"2026-03-12T16:01:19.000Z","addedAt":"2026-10-14T03:42:09.407Z","logoUrl":"https://avatars.githubusercontent.com/u/110795301?u=68bbcba4ed3678f2720d500d5a43dfd28fd91228&v=4","linkOnly":false,"collection":null,"skillPath":null,"categories":["browser-web","cloud-infra"],"tags":["automation","drawing","gemini","openclaw","openclaw-agent","openclaw-skills","openclawskill","browser-automation"],"runtime":"binary","local":true,"cloudCapable":false,"cloudCapability":"unknown","cloudReadyOnPlatform":false,"needsApiKey":false,"reviewed":false,"syncedAt":"2026-10-15T02:31:39.516Z","sample":false,"url":"https://conduits.dev/tools/gemini-skill","language":"JavaScript","transports":["stdio"],"install":{},"requirements":{"env":[],"upstreamMayCharge":false},"tools":null,"readme":"## 通过 CDP 操控 Gemini 网页版，实现 AI 生图、对话、图片提取等自动化操作。\n\n\n
\n\n \n \"Contributors\"\n \n  \n \n \"Forks\"\n \n  \n \n \"Stargazers\"\n \n  \n \n \"Issues\"\n \n  \n \n \"License\"\n \n  \n \n \"AtomGit\n \n\n
\n\n
\n\n\n\n

\n \n \"Logo\"\n \n

\n\n

Gemini Skill

\n\n

\n 快速开始\n ·\n 报告 Bug\n ·\n 提出新特性\n

\n\n

\n English | 中文\n

\n\n
\n\n\n

\n \n \"纯蓝\"\n \n

\n

\n\n「剥开了尖刺   却正如你曾经说\n\n赖以生存的温柔只是白纸\n\n盛着破碎的梦和我们的故事」\n\n

\n\n## 目录\n\n- [功能特性](#-功能特性)\n- [架构](#️-架构)\n- [安装](#-安装)\n- [配置](#️-配置)\n- [Atlas Cloud Provider](#-atlas-cloud-provider)\n- [Bloome](#-懒得配环境让-gemini-skill-跑在云上)\n- [使用](#-使用)\n- [MCP 工具列表](#-mcp-工具列表)\n- [Daemon 生命周期](#-daemon-生命周期)\n- [项目结构](#-项目结构)\n- [注意事项](#️-注意事项)\n- [To Do List](#-to-do-list)\n- [License](#-license)\n\n
\n\n\n\n

\n \"Gemini\n

\n\n

▲ 通过 AI 对话自动生成表情包

\n\n
\n\n## 🆕 最新更新\n\n**v1.1.1**（2026-05）— 适配新版模型菜单 UI：\n\n- ✅ 模型枚举更新：`pro` / `flash` / `flash-lite`（替换旧的 `pro` / `quick` / `think`）\n- ✅ 当前模型读取改为 `.picker-primary-text` innerText\n- ✅ 模型切换改为遍历菜单项 + label 文本匹配（i18n 安全）\n- 🆕 新增思考深度切换：`getThinkingDepth()` / `setThinkingDepth('standard'|'extended')`\n- 🆕 新增 MCP 工具 `gemini_set_thinking_depth`\n\n**v1.1.0**（2026-05）— 已适配 Gemini **2026 年 5 月最新版 UI**：\n\n- ✅ 加号面板按钮（`gem-icon-button[arialabel=\"上传和工具\"]`）\n- ✅ 发送按钮（`gem-icon-button.send-button`）\n- ✅ 下载完整尺寸按钮（`download-generated-image-button` 自定义元素）\n- ✅ 图片上传完成检测（`.gem-attachment-content.loading`）\n- ✅ 状态判断兼容新 UI 的 `gem-icon-button` 包装层\n- ♻️ 全部选择器保留旧 UI 兜底，新旧版本均可工作\n\n
\n\n## ☁️ Atlas Cloud Provider\n\n

\n \"Atlas\n

\n\n> Atlas Cloud 是一个 full-modal AI inference platform，为开发者提供统一 AI API，可一站式访问视频生成、图像生成和 LLM API。接入一次，即可统一访问跨模态的 300+ 精选模型。\n>\n> 官方链接：[https://www.atlascloud.ai/?utm_source=github&utm_medium=link&utm_campaign=gemini-skill](https://www.atlascloud.ai/?utm_source=github&utm_medium=link&utm_campaign=gemini-skill)\n>\n> Atlas Cloud 现提供新的 coding plan 优惠入口，便于更低成本接入 API：\n> `https://www.atlascloud.ai/console/coding-plan`\n\n本仓库现在内置了一个**最小侵入**的 Atlas Cloud provider 方案：\n\n- 不改动原有 Gemini 浏览器自动化主链路\n- 新增 OpenAI 兼容的 Atlas Cloud API provider\n- 支持模型枚举、普通对话、Streaming 对话验证\n- 适合把本项目同时作为 Gemini 自动化 skill + MaaS provider 接入样例\n\n## ☁️ 懒得配环境？让 gemini-skill 跑在云上\n\n

\n \n \"Bloome\"\n \n

\n\n不用装 Node、不用搭环境——在 [Bloome](https://bloome.im/app?ref=bvsEWoFx&utm_medium=github&utm_source=WJZ-P-gemini-skill-ivor-202606) 上点一下，gemini-skill 就能在云端跑起来，浏览器和手机都行。\n\nBloome 是一个 AI Agent IM 平台：把多个 AI agent（Claude、ChatGPT、Gemini、DeepSeek 等）放进同一个对话，像团队成员一样协作——自动分工、互相交接、交叉校验，把结果打磨到靠谱为止，还能直接在对话里出图、生成文档和可视化看板。喜欢用 gemini-skill 画图的话，正好让这支 agent 团队帮你把「想法 → 提示词 → 成图」整条链路跑顺。\n\n配好的 agent 还能一键分享给朋友、或拉进群一起用，每个人都无需各自部署——零配置、开箱即用，云端随时可跑。👉 [立即体验 Bloome](https://bloome.im/app?ref=bvsEWoFx&utm_medium=github&utm_source=WJZ-P-gemini-skill-ivor-202606)\n\n
\n\n## ✨ 功能特性\n\n| | 功能 | 说明 |\n|:---:|------|------|\n| 🎨 | **AI 生图** | 发送 prompt 自动生成图片，支持高清原图下载 |\n| 💬 | **文本对话** | 与 Gemini 进行多轮对话 |\n| 🖼️ | **图片上传** | 上传参考图片，基于参考图生成新图 |\n| 📥 | **图片提取** | 提取会话中的图片，支持 base64 和 CDP 完整尺寸下载 |\n| 🔄 | **会话管理** | 新建会话、临时会话、切换模型、导航到历史会话 |\n| 🧹 | **自动去水印** | 下载的图片自动移除 Gemini 水印 |\n| 🤖 | **MCP Server** | 标准 MCP 协议接口，可被任何 MCP 客户端调用 |\n| ☁️ | **Atlas Cloud Provider** | 新增 OpenAI 兼容 Provider，支持模型枚举、文本生成和流式响应验证 |\n\n
\n\n## 🏗️ 架构\n\n```\n┌─────────────────────────────────────────────────────┐\n│ MCP Client (AI) │\n│ Claude / CodeBuddy / ... │\n└──────────────────────┬──────────────────────────────┘\n │ stdio (JSON-RPC)\n ▼\n┌─────────────────────────────────────────────────────┐\n│ mcp-server.js (MCP 协议层) │\n│ 注册所有 MCP 工具，编排调用流程 │\n└──────────────────────┬──────────────────────────────┘\n │\n ▼\n┌─────────────────────────────────────────────────────┐\n│ index.js → browser.js (连接层) │\n│ ensureBrowser() → 自动拉起 Daemon → CDP 直连 │\n└──────────┬──────────────────────────────┬───────────┘\n │ HTTP (acquire/status) │ WebSocket (CDP)\n ▼ ▼\n┌──────────────────────┐ ┌─────────────────────────┐\n│ Browser Daemon │ │ Chrome / Edge │\n│ (独立后台进程) │───▶│ gemini.google.com │\n│ daemon/server.js │ │ │\n│ ├─ engine.js │ │ Stealth + 反爬检测 │\n│ ├─ handlers.js │ └─────────────────────────┘\n│ └─ lifecycle.js │\n│ 30 分钟惰性销毁 │\n└──────────────────────┘\n```\n\n**核心设计理念：**\n\n- **Daemon 模式** — 浏览器进程由独立 Daemon 管理，MCP 调用结束后浏览器不关闭，30 分钟无活动才自动释放\n- **按需自启** — Daemon 未运行时 MCP 工具会自动拉起，无需手动启动\n- **Stealth 反爬** — 使用 `puppeteer-extra-plugin-stealth` 绕过网站检测\n- **职责分离** — `mcp-server.js`（协议层）→ `gemini-ops.js`（操作层）→ `browser.js`（连接层）→ `daemon/`（进程管理）\n\n
\n\n## 📦 安装\n\n### 前置条件\n\n- **Node.js** ≥ 18\n- **Chrome / Edge / Chromium** — 系统上需安装任一浏览器（或通过 `BROWSER_PATH` 指定路径）\n- 浏览器需提前 **登录 Google 账号**（Gemini 需要登录才能使用）\n\n### 安装依赖\n\n```bash\ngit clone https://github.com/WJZ-P/gemini-skill.git\ncd gemini-skill\nnpm install\n```\n\n
\n\n## ⚙️ 配置\n\n所有配置通过环境变量或 `.env` 文件设置。项目根目录已提供 `.env` 模板，可直接修改。\n\n**配置优先级：** `process.env` > `.env.development` > `.env` > 代码默认值\n\n> `.env.development` 不会被 git 追踪，适合存放本地私有配置（如浏览器路径）。\n\n### 浏览器配置\n\n| 变量 | 默认值 | 说明 |\n|------|--------|------|\n| `BROWSER_PATH` | 自动检测 | 浏览器可执行文件路径，支持 Chrome / Edge / Chromium。不设则自动按优先级检测系统已安装的浏览器 |\n| `BROWSER_DEBUG_PORT` | `40821` | CDP 远程调试端口。多个 skill（如 douyin-upload-mcp-skill）共享同一端口即共享同一浏览器实例 |\n| `BROWSER_HEADLESS` | `false` | 是否无头模式。首次使用建议关闭（`false`），方便登录 Google 账号 |\n| `BROWSER_USER_DATA_DIR` | 自动解析 | 浏览器用户数据目录，保存登录态、cookies 等。不设则自动解析：`~/.wjz_browser_data` → 浏览器默认目录 |\n| `BROWSER_PROTOCOL_TIMEOUT` | `60000` | CDP 协议超时时间（毫秒）。生图等长操作可适当增大 |\n\n### Daemon 配置\n\n| 变量 | 默认值 | 说明 |\n|------|--------|------|\n| `DAEMON_PORT` | `40225` | Daemon HTTP 服务端口 |\n| `DAEMON_TTL_MS` | `1800000` | 闲置超时时间（毫秒），默认 30 分钟。超时后自动关闭浏览器并退出 Daemon，下次调用时自动重新拉起 |\n\n### 其他配置\n\n| 变量 | 默认值 | 说明 |\n|------|--------|------|\n| `OUTPUT_DIR` | `./gemini-image` | 图片输出目录 |\n| `ATLAS_BASE_URL` | `https://api.atlascloud.ai/v1` | Atlas Cloud OpenAI 兼容接口基础地址 |\n| `ATLAS_API_KEY` | 空 | Atlas Cloud API Key，建议写入 `.env.development` |\n| `ATLAS_MODEL` | `openai/gpt-4o-mini` | Atlas Cloud 默认模型 |\n| `ATLAS_REQUEST_TIMEOUT_MS` | `60000` | Atlas Cloud 请求超时（毫秒） |\n\n### 关于 OpenClaw 浏览器复用\n\n[OpenClaw](https://github.com/) 的默认 CDP 端口是 **18800**。如果你希望复用 OpenClaw 已启动的浏览器会话，可以将 `BROWSER_DEBUG_PORT` 改为 `18800`：\n\n```env\nBROWSER_DEBUG_PORT=18800\n```\n\n**但请注意**：OpenClaw 自带的浏览器会话**没有集成 Stealth 反爬插件**，在反检测能力上不如本项目自行维护的浏览器实例。本项目使用 `puppeteer-extra-plugin-stealth` 提供了完整的反爬保护（隐藏 webdriver 标记、模拟真实浏览器指纹等），能更好地规避网站的自动化检测。\n\n**建议**：除非有特殊需求，推荐使用默认端口 `40821`，让项目自行管理浏览器实例以获得最佳的反爬效果。\n\n
\n\n## ☁️ Atlas Cloud Provider\n\n### 配置\n\n推荐将本地私有 Key 写入 `.env.development`：\n\n```env\nATLAS_API_KEY=your_atlas_api_key\nATLAS_BASE_URL=https://api.atlascloud.ai/v1\nATLAS_MODEL=openai/gpt-4o-mini\nATLAS_REQUEST_TIMEOUT_MS=60000\n```\n\n### 能力说明\n\n- `atlas_list_models`：列出当前 API Key 可见模型\n- `atlas_send_message`：调用非流式文本对话\n- `atlas_stream_message`：消费 Atlas 流式输出并聚合返回，便于做集成验证\n\n### 设计原则\n\n- 走纯 API，不依赖浏览器和 Gemini 登录态\n- 保持对 Atlas Cloud OpenAI 兼容格式的直接透传\n- 不破坏现有 `gemini_*` MCP 工具和调用方式\n\n
\n\n## 🚀 使用\n\n### 方式一：作为 MCP Server（推荐）\n\n在 MCP 客户端配置文件中添加：\n\n```json\n{\n \"mcpServers\": {\n \"gemini\": {\n \"command\": \"node\",\n \"args\": [\"<项目绝对路径>/src/mcp-server.js\"]\n }\n }\n}\n```\n\n启动后 AI 即可通过 MCP 协议调用所有工具。\n\n### 方式二：命令行启动\n\n```bash\n# 启动 MCP Server（stdio 模式，供 AI 客户端调用）\nnpm run mcp\n\n# 单独启动 Browser Daemon（通常不需要，MCP 会自动拉起）\nnpm run daemon\n\n# 运行 Demo 示例\nnpm run demo\n```\n\n### 方式三：作为库调用\n\n```javascript\nimport { createGeminiSession, disconnect } from './src/index.js';\n\nconst { ops } = await createGeminiSession();\n\n// 生图\nconst result = await ops.generateImage('画一只可爱的猫咪', { fullSize: true });\nconsole.log('图片保存至:', result.filePath);\n\n// 用完断开（不关浏览器，由 Daemon 继续守护）\ndisconnect();\n```\n\n### 方式四：调用 Atlas Cloud Provider\n\n```javascript\nimport { createAtlasProvider } from './src/index.js';\n\nconst atlas = createAtlasProvider();\n\nconst result = await atlas.createChatCompletion({\n model: 'openai/gpt-4o-mini',\n messages: [\n { role: 'system', content: 'You are a helpful assistant.' },\n { role: 'user', content: 'Reply with OK only.' }\n ],\n temperature: 0,\n max_tokens: 16,\n});\n\nconsole.log(result.choices[0].message.content);\n```\n\n
\n\n## 🔧 MCP 工具列表\n\n### Atlas Cloud Provider\n\n| 工具名 | 说明 | 主要参数 |\n|--------|------|----------|\n| `atlas_list_models` | 获取当前 Atlas Cloud API Key 可见模型 | 无 |\n| `atlas_send_message` | 发送 Atlas Cloud 非流式对话请求 | `model`, `messages`, `temperature`, `max_tokens` |\n| `atlas_stream_message` | 验证 Atlas Cloud Streaming 接口并聚合返回 | `model`, `messages`, `temperature`, `max_tokens` |\n\n### 核心生图\n\n| 工具名 | 说明 | 主要参数 |\n|--------|------|----------|\n| `gemini_generate_image` | 完整生图流程（耗时 60~120s） | `prompt`, `newSession`, `referenceImages`, `fullSize`, `timeout` |\n\n### 会话管理\n\n| 工具名 | 说明 | 主要参数 |\n|--------|------|----------|\n| `gemini_new_chat` | 新建空白对话 | 无 |\n| `gemini_temp_chat` | 进入临时对话模式 | 无 |\n| `gemini_navigate_to` | 导航到指定 Gemini URL（如历史会话） | `url`, `timeout` |\n\n### 模型与对话\n\n| 工具名 | 说明 | 主要参数 |\n|--------|------|----------|\n| `gemini_switch_model` | 切换模型（pro/quick/think） | `model` |\n| `gemini_send_message` | 发送文本并等待回复（耗时 10~60s） | `message`, `timeout` |\n\n### 图片操作\n\n| 工具名 | 说明 | 主要参数 |\n|--------|------|----------|\n| `gemini_upload_images` | 上传图片到输入框 | `images` |\n| `gemini_get_images` | 获取会话中所有图片元信息 | 无 |\n| `gemini_extract_image` | 提取图片 base64 并保存本地 | `imageUrl` |\n| `gemini_download_full_size_image` | 下载完整尺寸高清图片 | `index` |\n| `gemini_share_latest_image` | 为图片创建公开分享链接并返回 `https://gemini.google.com/share/...` | `index`, `timeout`, `copyToClipboard`, `closeDialog` |\n\n### 文字回复\n\n| 工具名 | 说明 | 主要参数 |\n|--------|------|----------|\n| `gemini_get_all_text_responses` | 获取所有文字回复 | 无 |\n| `gemini_get_latest_text_response` | 获取最新一条文字回复 | 无 |\n\n### 诊断与管理\n\n| 工具名 | 说明 | 主要参数 |\n|--------|------|----------|\n| `gemini_check_login` | 检查 Google 登录状态 | 无 |\n| `gemini_probe` | 探测页面元素状态 | 无 |\n| `gemini_reload_page` | 刷新页面 | `timeout` |\n| `gemini_browser_info` | 获取浏览器连接信息 | 无 |\n\n
\n\n## 🔄 Daemon 生命周期\n\n```\n首次 MCP 调用\n │\n ├─ Daemon 未运行 → 自动 spawn（detached + unref）\n │ → 轮询等待就绪（最多 15s）\n │\n ├─ GET /browser/acquire → 启动/复用浏览器 + 重置 30 分钟倒计时\n │\n ├─ MCP 工具执行完毕 → disconnect()（断开 WebSocket，不关浏览器）\n │\n ├─ 30 分钟内再次调用 → 重置倒计时（续命）\n │\n └─ 30 分钟无人使用 → 关闭浏览器 + 关闭 HTTP 服务 + 退出进程\n （下次调用时自动重新拉起）\n```\n\n**Daemon API 端点：**\n\n| 端点 | 说明 |\n|------|------|\n| `GET /browser/acquire` | 获取浏览器连接（会续命） |\n| `GET /browser/status` | 查询浏览器状态（不续命） |\n| `POST /browser/release` | 主动销毁浏览器 |\n| `GET /health` | Daemon 健康检查 |\n\n
\n\n## 📁 项目结构\n\n```\ngemini-skill/\n├── src/\n│ ├── index.js # 统一入口\n│ ├── mcp-server.js # MCP 协议服务（注册所有工具）\n│ ├── gemini-ops.js # Gemini 页面操作（核心逻辑）\n│ ├── operator.js # 底层 DOM 操作封装\n│ ├── browser.js # 浏览器连接器（面向 Skill）\n│ ├── config.js # 统一配置中心\n│ ├── util.js # 工具函数\n│ ├── watermark-remover.js # 图片去水印（基于 sharp）\n│ ├── demo.js # 使用示例\n│ ├── assets/ # 静态资源\n│ └── daemon/ # Browser Daemon（独立进程）\n│ ├── server.js # HTTP 微服务入口\n│ ├── engine.js # 浏览器引擎（launch/connect/terminate）\n│ ├── handlers.js # API 路由处理器\n│ └── lifecycle.js # 生命周期控制（惰性销毁倒计时）\n├── references/ # 参考文档\n├── SKILL.md # AI 调用规范（MCP 客户端读取）\n├── package.json\n└── .env # 环境配置（需自行创建）\n```\n\n
\n\n## ⚠️ 注意事项\n\n1. **首次使用需登录** — 第一次运行时浏览器会打开 Gemini 页面，请手动完成 Google 账号登录。登录状态会保存在 `userDataDir` 中，后续无需重复登录。\n\n2. **不要同时运行多个实例** — 同一个 CDP 端口只能有一个浏览器实例，否则会端口冲突。\n\n3. **Windows Server 注意** — 已内置路径规范化和 Safe Browsing 绕过，但仍建议检查：\n - Chrome/Edge 已正确安装\n - 输出目录有写入权限\n - 防火墙未阻断 localhost 通信\n\n4. **生图耗时较长** — 通常 60~120 秒，MCP 客户端的 `timeoutMs` 建议设为 ≥ 180000（3 分钟）。\n\n
\n\n## 📝 To Do List\n\n- [x] **MCP 协议全量工具注册**\n- [x] **Daemon 进程按需自启**\n- [x] **高清原图 CDP 下载**\n- [x] **自动去水印**\n- [x] **参考图上传 & 图生图**\n- [x] **历史会话导航**\n- [ ] **多浏览器实例并行支持**\n- [ ] **支持音乐生成**\n- [ ] **支持视频生成**\n
\n\n## 📄 License\n\n该项目签署了 MIT 授权许可，详情请参阅 [LICENSE](https://github.com/WJZ-P/gemini-skill/blob/main/LICENSE)\n\n## LINUX DO\n\n本项目支持 [LINUX DO](https://linux.do) 社区\n\n
\n\n## 如果觉得好用，请给个 ⭐ 支持一下！\n\n## ⭐ Star 历史\n\n[![Stargazers over time](https://starchart.cc/WJZ-P/gemini-skill.svg?variant=adaptive)](https://starchart.cc/WJZ-P/gemini-skill)\n\n// osai-verify: 5701044c58cd60527367"}