开源 Agent Skill

浏览器插件一站式上线

用一句话说明想做什么,AI 负责做出 Chrome 插件、从真实浏览器入口检查,并准备 Chrome Web Store 上架材料。

  • 支持 Skill CLI
  • 真实浏览器检查
  • 发布状态清晰
从想要的结果开始
使用 $browser-extension-launch,帮我做一个
Chrome 插件:选中网页上的一句话就能收藏,
关掉再打开还能找到。

我不会编程,先做出来给我自己用。

一条完整路径

从想法到可以核对的发布结果

用户只决定产品需求,AI 管理实现细节、检查证据和中断恢复。

  1. 说清想要的结果。技能把日常语言整理成一项小而可用的第一版和明确的完成标准。
  2. 直接试用插件。从浏览器真实入口运行当前成品,并在需要时检查关闭重开和连续两轮使用。
  3. 准备正式发布。源码、安装包、权限、隐私说明、商店文案和实际审核状态都有记录。

真实开发案例

三个完成验收的 Chrome 插件

每个仓库都包含可加载插件、开发记录、最终报告和明确的验证边界。

01

外链直达

外链直达插件控制面板,包含总开关以及掘金、知乎和 CSDN 分站开关
真实验收使用的控制面板

还原掘金、知乎和 CSDN 中转链接,支持总开关与分站开关。

打开仓库:外链直达

02

网页取色

网页取色插件在测试网页上取得青绿色真实像素,并显示 HEX、RGB 和 HSL
从当前可见网页取得真实像素

从当前可见网页取色,转换格式、复制颜色并保存本机历史。

打开仓库:网页取色

03

广告净化

广告净化插件显示网络保护已开启、当前页面隐藏两个元素,并提供暂停本站按钮
真实页面保护状态

拦截有限范围的广告请求,支持可撤销隐藏、本站暂停和允许清单。

打开仓库:广告净化

安装

把技能加入常用 Agent

已对 Codex、Claude Code、Cursor、GitHub Copilot 和 OpenCode 完成安装验证。Skill CLI 会识别根目录的技能,并为选择的 Agent 安装完整目录。

Skill CLI

npx skills add xiehuan123/browser-extension-launch \
  --skill browser-extension-launch \
  --agent codex claude-code cursor github-copilot opencode

npm 安装器

npx browser-extension-launch install

Git

git clone https://github.com/xiehuan123/browser-extension-launch.git \
  ~/.codex/skills/browser-extension-launch

命令增加 -g 可安装到当前用户目录。真实交付还要求 Agent 能管理项目文件、运行本地命令,并连接可加载插件的受控浏览器工具。