核心用法
WXT Skill 是专为浏览器扩展开发设计的现代化脚手架工具，基于 WXT 框架提供全流程开发支持。用户通过自然语言描述扩展需求（如"创建一个网页高亮批注扩展"），Agent 即可自动完成项目初始化、入口文件生成、跨浏览器配置及构建打包。
核心工作流分为三步：首先通过 npm create wxt@latest 初始化项目，选择 React/Vue/Svelte 等模板；其次在 entrypoints/ 目录下按约定创建 background（后台服务）、content（内容脚本）、popup（弹窗界面）等入口文件，WXT 自动识别并注册；最后运行 npm run dev 启用热更新开发，npm run zip 生成商店上架包。框架内置 TypeScript 类型安全、存储封装、消息通信等常用模块，大幅降低 Chrome Extension API 的学习成本。
显著优点
1. 跨浏览器统一：单一代码库同时支持 Chrome、Firefox、Edge、Safari，自动处理 Manifest V3/V2 差异，告别多仓库维护。
2. 现代前端融合：深度集成 React 19、Vue、Svelte 等主流框架，支持 Tailwind、shadcn/ui、Mantine 等样式方案，开发体验接近常规 Web 项目。
3. 约定优于配置：文件系统路由自动识别 entrypoints，无需手动维护 manifest.json，配置量减少 80% 以上。
4. 热更新与类型安全：开发时保持扩展热重载，存储、消息通信均提供 TypeScript 泛型封装，减少运行时错误。
潜在局限
- 框架锁定：必须接受 WXT 的目录约定和构建流程，重度定制化需求可能受限于框架边界。
- 生态较新：相比传统 Chrome Extension 开发模式，社区插件和调试资源相对较少，疑难问题需查阅官方文档。
- Node 依赖：要求 Node.js 18+ 环境，纯浏览器端无法运行，轻量级扩展可能显得"过重"。
适合人群
- 前端开发者首次涉足浏览器扩展领域，希望使用熟悉的 React/Vue 技术栈
- 需同时上架 Chrome Web Store 和 Firefox Add-ons 的团队，追求一套代码多端运行
- 计划开发复杂 UI 扩展（如侧边栏、设置页）而非简单脚本注入的场景
使用风险
- 性能开销：WXT 的抽象层和 HMR 机制在极低配设备上可能轻微增加内存占用
- 依赖更新：框架迭代较快，major 版本升级需关注 breaking changes
- 权限配置：自动生成的 manifest 需人工复核权限声明，避免过度申请引发审核风险
- 浏览器兼容性：部分新 API（如 sidePanel）需 Chrome 140+，旧版本需降级处理