feat: add visual editor & Integrate claude code/codex

.gitignore

@@ -36,4 +36,14 @@ dist
 false/
 metadata-v1.3/
 registry.npmmirror.com/
-registry.npmjs.com/
+registry.npmjs.com/
+
+other/
+tools_optimize.md
+Agents.md
+CLAUDE.md
+
+**/*/coverage/*
+
+.docs/
+.claude/

README.md

@@ -6,7 +6,6 @@
 [![Chrome Extension](https://img.shields.io/badge/Chrome-Extension-green.svg)](https://developer.chrome.com/docs/extensions/)
 [![Release](https://img.shields.io/github/v/release/hangwin/mcp-chrome.svg)](https://img.shields.io/github/v/release/hangwin/mcp-chrome.svg)
 
-
 > 🌟 **Turn your Chrome browser into your intelligent assistant** - Let AI take control of your browser, transforming it into a powerful AI-controlled automation tool.
 
 **📖 Documentation**: [English](README.md) | [中文](README_zh.md)
@@ -19,6 +18,10 @@
 
 Chrome MCP Server is a Chrome extension-based **Model Context Protocol (MCP) server** that exposes your Chrome browser functionality to AI assistants like Claude, enabling complex browser automation, content analysis, and semantic search. Unlike traditional browser automation tools (like Playwright), **Chrome MCP Server** directly uses your daily Chrome browser, leveraging existing user habits, configurations, and login states, allowing various large models or chatbots to take control of your browser and truly become your everyday assistant.
 
+## ✨ New Features(2025/12/30)
+
+- **A New Visual Editor for Claude Code & Codex**, for more detail here: [VisualEditor](docs/VisualEditor.md)
+
 ## ✨ Core Features
 
 - 😁 **Chatbot/Model Agnostic**: Let any LLM or chatbot client or agent you prefer automate your browser
@@ -46,7 +49,7 @@ Chrome MCP Server is a Chrome extension-based **Model Context Protocol (MCP) ser
 
 ### Prerequisites
 
-- Node.js >= 18.19.0 and pnpm/npm
+- Node.js >= 20.0.0 and pnpm/npm
 - Chrome/Chromium browser
 
 ### Installation Steps

README_zh.md

@@ -16,6 +16,10 @@
 
 Chrome MCP Server 是一个基于chrome插件的 **模型上下文协议 (MCP) 服务器**，它将您的 Chrome 浏览器功能暴露给 Claude 等 AI 助手，实现复杂的浏览器自动化、内容分析和语义搜索等。与传统的浏览器自动化工具（如playwright）不同，**Chrome MCP server**直接使用您日常使用的chrome浏览器，基于现有的用户习惯和配置、登录态，让各种大模型或者各种chatbot都可以接管你的浏览器，真正成为你的日常助手
 
+## ✨ 船新的功能(2025/12/30)
+
+- **让Claude Code/Codex也能使用的可视化编辑器**, 更多详情请看: [VisualEditor](docs/VisualEditor_zh.md)
+
 ## ✨ 核心特性
 
 - 😁 **chatbot/模型无关**：让任意你喜欢的llm或chatbot客户端或agent来自动化操作你的浏览器
@@ -43,7 +47,7 @@ Chrome MCP Server 是一个基于chrome插件的 **模型上下文协议 (MCP) 
 
 ### 环境要求
 
-- Node.js >= 18.19.0 和 （npm 或 pnpm）
+- Node.js >= 20.0.0 和 （npm 或 pnpm）
 - Chrome/Chromium 浏览器
 
 ### 安装步骤
@@ -79,7 +83,7 @@ mcp-chrome-bridge register
    - 启用"开发者模式"
    - 点击"加载已解压的扩展程序"，选择 `your/dowloaded/extension/folder`
    - 点击插件图标打开插件，点击连接即可看到mcp的配置
-   <img width="475" alt="截屏2025-06-09 15 52 06" src="https://github.com/user-attachments/assets/241e57b8-c55f-41a4-9188-0367293dc5bc" />
+     <img width="475" alt="截屏2025-06-09 15 52 06" src="https://github.com/user-attachments/assets/241e57b8-c55f-41a4-9188-0367293dc5bc" />
 
 ### 在支持MCP协议的客户端中使用
 

app/chrome-extension/_locales/en/messages.json

@@ -442,5 +442,63 @@
   "pagesUnit": {
     "message": "pages",
     "description": "Pages count unit"
-  }
+  },
+  "userscriptsManagerTitle": {
+    "message": "Userscripts Manager",
+    "description": "Options page title"
+  },
+  "emergencySwitchLabel": { "message": "Emergency Switch", "description": "Global disable switch" },
+  "createRunSectionTitle": {
+    "message": "Create / Run",
+    "description": "Create & run section title"
+  },
+  "nameLabel": { "message": "Name", "description": "Name input label" },
+  "runAtLabel": { "message": "Run At", "description": "runAt select label" },
+  "runAtAuto": { "message": "auto", "description": "runAt auto" },
+  "runAtDocumentStart": { "message": "document_start", "description": "runAt document_start" },
+  "runAtDocumentEnd": { "message": "document_end", "description": "runAt document_end" },
+  "runAtDocumentIdle": { "message": "document_idle", "description": "runAt document_idle" },
+  "worldLabel": { "message": "World", "description": "world select label" },
+  "worldAuto": { "message": "auto", "description": "world auto" },
+  "worldIsolated": { "message": "ISOLATED", "description": "ISOLATED world" },
+  "worldMain": { "message": "MAIN", "description": "MAIN world" },
+  "modeLabel": { "message": "Mode", "description": "mode select label" },
+  "modeAuto": { "message": "auto", "description": "mode auto" },
+  "modePersistent": { "message": "persistent", "description": "mode persistent" },
+  "modeCss": { "message": "css", "description": "mode css" },
+  "modeOnce": { "message": "once", "description": "mode once" },
+  "allFramesLabel": { "message": "All Frames", "description": "allFrames checkbox" },
+  "persistLabel": { "message": "Persist", "description": "persist checkbox" },
+  "dnrFallbackLabel": { "message": "DNR Fallback", "description": "dnr fallback checkbox" },
+  "matchesInputLabel": { "message": "Matches (comma-separated)", "description": "matches input" },
+  "excludesInputLabel": {
+    "message": "Excludes (comma-separated)",
+    "description": "excludes input"
+  },
+  "tagsInputLabel": { "message": "Tags (comma-separated)", "description": "tags input" },
+  "scriptLabel": { "message": "Script", "description": "script textarea label" },
+  "applyButton": { "message": "Apply", "description": "apply button" },
+  "runOnceButton": { "message": "Run Once (CDP)", "description": "run once button" },
+  "listSectionTitle": { "message": "List", "description": "list section title" },
+  "queryLabel": { "message": "Query", "description": "query input label" },
+  "statusAll": { "message": "all", "description": "status all" },
+  "statusEnabled": { "message": "enabled", "description": "status enabled" },
+  "statusDisabled": { "message": "disabled", "description": "status disabled" },
+  "domainLabel": { "message": "Domain", "description": "domain filter label" },
+  "exportAllButton": { "message": "Export All", "description": "export button" },
+  "tableHeaderName": { "message": "Name", "description": "table header name" },
+  "tableHeaderWorld": { "message": "World", "description": "table header world" },
+  "tableHeaderRunAt": { "message": "Run At", "description": "table header runAt" },
+  "tableHeaderUpdated": { "message": "Updated", "description": "table header updated" },
+  "deleteButton": { "message": "Delete", "description": "delete button" },
+  "placeholderOptional": { "message": "optional", "description": "generic optional placeholder" },
+  "placeholderMatchesExample": {
+    "message": "e.g. https://*.example.com/*",
+    "description": "matches example placeholder"
+  },
+  "placeholderScriptHint": {
+    "message": "Paste JS/CSS/TM here",
+    "description": "script textarea placeholder"
+  },
+  "placeholderDomainHint": { "message": "example.com", "description": "domain filter placeholder" }
 }

app/chrome-extension/_locales/zh_CN/messages.json

@@ -442,5 +442,51 @@
   "pagesUnit": {
     "message": "页",
     "description": "页面计数单位"
-  }
+  },
+  "userscriptsManagerTitle": { "message": "脚本管理器", "description": "Options 页标题" },
+  "emergencySwitchLabel": { "message": "紧急开关", "description": "紧急关闭开关" },
+  "createRunSectionTitle": { "message": "创建 / 运行", "description": "创建与运行分区标题" },
+  "nameLabel": { "message": "名称", "description": "名称输入标签" },
+  "runAtLabel": { "message": "运行时机", "description": "runAt 选择标签" },
+  "runAtAuto": { "message": "自动", "description": "runAt auto" },
+  "runAtDocumentStart": { "message": "document_start", "description": "runAt document_start" },
+  "runAtDocumentEnd": { "message": "document_end", "description": "runAt document_end" },
+  "runAtDocumentIdle": { "message": "document_idle", "description": "runAt document_idle" },
+  "worldLabel": { "message": "执行上下文", "description": "world 选择标签" },
+  "worldAuto": { "message": "自动", "description": "world auto" },
+  "worldIsolated": { "message": "隔离 (ISOLATED)", "description": "ISOLATED world" },
+  "worldMain": { "message": "页面 (MAIN)", "description": "MAIN world" },
+  "modeLabel": { "message": "模式", "description": "模式选择标签" },
+  "modeAuto": { "message": "自动", "description": "mode auto" },
+  "modePersistent": { "message": "持久", "description": "mode persistent" },
+  "modeCss": { "message": "仅样式 (CSS)", "description": "mode css" },
+  "modeOnce": { "message": "一次运行 (CDP)", "description": "mode once" },
+  "allFramesLabel": { "message": "全部 frame", "description": "allFrames 复选框" },
+  "persistLabel": { "message": "持久化", "description": "persist 复选框" },
+  "dnrFallbackLabel": { "message": "DNR 回退", "description": "DNR fallback 复选框" },
+  "matchesInputLabel": { "message": "匹配（逗号分隔）", "description": "matches 输入" },
+  "excludesInputLabel": { "message": "排除（逗号分隔）", "description": "excludes 输入" },
+  "tagsInputLabel": { "message": "标签（逗号分隔）", "description": "tags 输入" },
+  "scriptLabel": { "message": "脚本", "description": "脚本文本标签" },
+  "applyButton": { "message": "应用", "description": "应用按钮" },
+  "runOnceButton": { "message": "一次运行（CDP）", "description": "一次运行按钮" },
+  "listSectionTitle": { "message": "脚本列表", "description": "列表分区标题" },
+  "queryLabel": { "message": "搜索", "description": "查询输入标签" },
+  "statusAll": { "message": "全部", "description": "状态-全部" },
+  "statusEnabled": { "message": "启用", "description": "状态-启用" },
+  "statusDisabled": { "message": "禁用", "description": "状态-禁用" },
+  "domainLabel": { "message": "域名", "description": "域名过滤标签" },
+  "exportAllButton": { "message": "导出全部", "description": "导出按钮" },
+  "tableHeaderName": { "message": "名称", "description": "表头-名称" },
+  "tableHeaderWorld": { "message": "执行上下文", "description": "表头-World" },
+  "tableHeaderRunAt": { "message": "运行时机", "description": "表头-RunAt" },
+  "tableHeaderUpdated": { "message": "更新时间", "description": "表头-更新时间" },
+  "deleteButton": { "message": "删除", "description": "删除按钮" },
+  "placeholderOptional": { "message": "可选", "description": "通用可选占位符" },
+  "placeholderMatchesExample": {
+    "message": "例如：https://*.example.com/*",
+    "description": "匹配示例占位符"
+  },
+  "placeholderScriptHint": { "message": "在此粘贴 JS/CSS/TM", "description": "脚本文本域占位符" },
+  "placeholderDomainHint": { "message": "example.com", "description": "域名筛选占位符" }
 }