资源分享

这里收集了团队内部常用的开发模板、工具和 AI 技能包，帮助你更高效地开发。

浏览器扩展开发

WebExtKits - Chrome 扩展开发模板

WebExtKits 是一个功能完整的 Chrome 扩展开发模板，提供：

• 完整的 TypeScript 支持和模块化架构
• Background / ContentScript / InjectScript 多环境支持
• 类型安全的消息通信系统（@webextkits/messages-center）
• chrome.storage.local 的类型安全封装（@webextkits/storage-local）
• Externals 配置优化编译速度
• 基于 Vite 的快速开发体验

模板文档

完整文档请访问：https://webextkits-docs.pages.dev/

AI Skill 技能包下载

我们为 WebExtKits 提供了 AI 技能包，AI 助手可以利用这个技能包来辅助你开发 Chrome 扩展。

下载 WebExtKits AI Skill 技能包

使用方法：

1. 下载并解压 zip 文件
2. 将 webextkits-chrome-extension-skill 文件夹复制到你的 AI 配置文件的 skills/ 目录下
3. 你的 AI 工具会自动识别并加载该技能包

使用示例

下载技能包并安装后，你可以对 AI 说：

"使用 webextkits-chrome-extension-skill 帮我创建一个 Chrome 扩展插件"

AI 会根据技能包中的参考文档，自动按照 WebExtKits 的项目规范帮你搭建项目、编写代码。

技能包包含以下参考文档：

文档	用途
SKILL.md	技能包入口，概述核心功能
references/project-structure.md	项目目录结构、文件命名规则
references/messages.md	消息通信系统完整 API
references/storage-local.md	本地存储 Schema 定义和使用
references/inject-script.md	InjectScript 注入和限制
references/externals.md	Externals 配置和优化
references/type-definitions.md	完整类型定义参考
references/best-practices.md	最佳实践和故障排查