巧手 · 浏览器扩展与 IDE 插件开发

SKILL开发
开发 未标注权限 许可证不明确
安装这个技能

巧手 · 浏览器扩展与 IDE 插件开发——Chrome 扩展与 IDE 插件开发 skill。用「需求定位 → 脚手架 → 核心逻辑 → 打包 → 发布」流程 开发浏览器扩展(Manifest V3)与 IDE 插件(VS Code / JetBrains):清单设计、权限最小化、消息通信、 Content/Background 架构、打包发布,输出可运行的插件骨架 + 发布指南。触发词:插件开发、浏览器插件、 Chrome 扩展、浏览器扩展、manifest v3、VS Code 插件、vscode extension、JetBrains 插件、IDE 插件、 开发扩展、chrome extension、browser extension。

一句话选型结论

按资料字段整理

巧手 · 浏览器扩展与 IDE 插件开发是开发类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类开发 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_bbfb885f/qiaoshou-plugin-dev
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

开发
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_bbfb885f仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验2026-11-06上游最后核验时间 · 数据更新 2026-11-06
正文体量5.4 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
写代码与改 bug

按需求补代码、定位并修掉报错。

读仓库与生成改动

让模型读懂项目结构,再给出可落地的改动。

跑测试与排查故障

按现象排查问题,补测试用例并复跑。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在开发场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
巧手 · 浏览器扩展与 IDE 插件开发当前 未标注权限 未标注 未标注 未标注 有
技能审查员 浏览器控制 ClawHub 市场 877.9 万 OpenClaw 有
Vercel React 最佳实践 浏览器控制 GitHub 仓库 849.1 万 Codex、Claude、Cursor 有
GitHub 代码协作 联网访问 ClawHub 市场 763.3 万 OpenClaw 有
网页设计指南 联网访问 GitHub 仓库 668.6 万 Codex、Claude、Cursor 有
本体论 只读 ClawHub 市场 663.7 万 OpenClaw 有

SKILL.md 全文

5.4 KB
模型实际读到的说明书原文,来自技能仓库

巧手 (qiaoshou-plugin-dev) · 浏览器扩展与 IDE 插件开发

一、定位

巧手 是 Chrome 扩展与 IDE 插件开发 skill。它补齐 vibecoding 生态中"插件/扩展开发"这一空白,
把插件开发从"照葫芦画瓢"变为结构化的开发流程,重点覆盖:

  1. 浏览器扩展(Manifest V3):清单设计、权限、Content/Background/Service Worker 架构。
  2. VS Code 扩展:Extension API、命令/视图/语言特性、激活事件。
  3. JetBrains 插件:Plugin SDK、Action/Service、打包发布。
  4. 发布落地:Chrome Web Store / VS Code Marketplace / JetBrains Marketplace。

二、何时使用

  • 插件开发 / 浏览器插件 / Chrome 扩展 / 浏览器扩展 / manifest v3
  • VS Code 插件 / vscode extension / JetBrains 插件 / IDE 插件
  • 开发扩展 / chrome extension / browser extension
  • 上架插件 / 插件打包 / 扩展发布

三、前置信息

输入 说明 缺失时
插件定位 要解决什么问题、目标平台(Chrome/VS Code/JetBrains) 问一个阻塞性问题
核心功能 插件的核心交互(右键菜单/侧边栏/命令/自动处理) 问一个阻塞性问题
技术栈 语言偏好(JS/TS/Kotlin/Java) 默认 TS

四、工作流(agent 执行)

步骤 1  需求定位   : 明确插件解决的核心问题、触发方式(命令/菜单/页面注入/自动监听)。
步骤 2  脚手架     : 生成最小可运行骨架(manifest.json / extension.ts / plugin.xml);
                    优先以 assets/scaffolds/ 下对应平台骨架(chrome-mv3 / vscode-ext / jetbrains)为起点改造。
步骤 3  核心逻辑   : 实现核心功能,遵守各平台架构规范(见下方"架构要点")。
步骤 4  权限与安全 : 按最小权限原则声明权限,限制可访问范围,避免注入风险。
步骤 5  打包       : 产出可加载/可安装的产物(.crx/.zip / .vsix / .jar)。
步骤 6  发布       : 提交对应商店/Marketplace 的审核要点与文案。
步骤 7  交付       : 输出插件骨架代码 + 打包产物 + 发布指南。

五、架构要点(必守)

Chrome 扩展(MV3):
- Service Worker 取代持久后台页,事件驱动、不可常驻。
- Content Script 与页面隔离,通过消息通信(chrome.runtime)。
- 权限最小化(activeTab 优先,避免 <all_urls>)。

VS Code 扩展:
- 按 activationEvents 惰性激活,避免启动拖慢。
- 命令/视图/语言特性用对应 Contribution Point。

JetBrains 插件:
- Action + Service 分层,用 Plugin SDK,注意线程(EDT)。

六、质量门控

  1. 权限必须最小化,并解释每项权限的用途(商店审核硬要求)。
  2. 涉及注入/读取网页内容的,须说明数据流向与隐私(不得静默上传)。
  3. 产出必须包含可运行的骨架代码,禁止只给文字方案。
  4. 上架材料必须过 references/store-publishing.md 对应商店清单;涉及时效的结论附官方来源与核查/生效月份。
  5. VS Code 自 2026-12-01 起不再依赖全局 PAT 的新发布流程,优先 Trusted Publishing/OIDC;不得把长期凭据写入生成的工程。

七、输出格式

# 插件开发方案
插件定位 / 目标平台 / 核心功能
## 架构设计(清单/入口/消息通信)
## 关键代码骨架
## 权限与安全说明
## 打包与发布指南

八、目录

  • references/chrome-extension.md — Chrome MV3 扩展开发要点
  • references/vscode-extension.md — VS Code 扩展开发要点
  • references/jetbrains-plugin.md — JetBrains 插件开发要点
  • references/store-publishing.md — 三商店上架清单(各 ≥10 项)、文案模板与官方来源(v1.2 新增)
  • assets/scaffolds/chrome-mv3/ — Chrome MV3 最小可运行骨架(side panel + content script + service worker)(v1.1 新增)
  • assets/scaffolds/vscode-ext/ — VS Code 扩展最小可运行骨架(命令 + 树视图,零构建)(v1.1 新增)
  • assets/scaffolds/jetbrains/ — JetBrains 插件最小源文件(Action + Service,含线程纪律)(v1.1 新增)

九、免责声明

各商店/Marketplace 审核政策会更新,发布前以官方最新政策为准;涉及用户数据的插件须遵守隐私合规要求。

常见问题

5 问
答案由本站依据条目字段整理
巧手 · 浏览器扩展与 IDE 插件开发怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_bbfb885f/qiaoshou-plugin-dev。安装方式为未标注。装完刷新技能列表或重开客户端。

巧手 · 浏览器扩展与 IDE 插件开发支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

巧手 · 浏览器扩展与 IDE 插件开发权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

巧手 · 浏览器扩展与 IDE 插件开发收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

巧手 · 浏览器扩展与 IDE 插件开发用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 2026-11-06。