Chrome Extension (JavaScript/TypeScript)
一个用于开发Chrome浏览器扩展的Skill，支持JavaScript和TypeScript。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Chrome Extension (JavaScript/TypeScript)。 它的用途是：一个用于开发Chrome浏览器扩展的Skill，支持JavaScript和TypeScript。 详细介绍见：https://321skill.com/skills/chrome-extension-javascript-typescript/ 请根据该页面的说明完成安装。
使用示例
“我需要开发一个Chrome扩展，用来高亮显示网页上的所有图片并一键下载。”，它会为你生成manifest.json文件配置必要的权限和content script注入逻辑，并提供用于遍历DOM节点、高亮图片元素并触发下载的JavaScript代码片段。你还可以进一步询问：“如何让这个扩展的图标点击后显示一个弹出窗口来管理下载历史？”，它会指导你创建popup页面并实现与background script的通信。
介绍
这个Skill旨在帮助开发者高效地创建Chrome浏览器扩展。它解决了从零开始搭建扩展项目结构、处理浏览器API调用以及打包发布等繁琐问题。
使用方式非常简单，开发者只需在AI助手（如Claude）中启用此Skill，即可通过自然语言指令生成扩展的核心代码文件（如manifest.json、background scripts、content scripts、popup页面等），或获取关于特定浏览器API的使用示例和最佳实践。
它非常适合希望快速启动Chrome扩展项目或需要解决扩展开发中特定技术问题的开发者。无论是添加新功能还是调试现有代码，都能获得针对性帮助。
建议在开发前明确扩展的核心功能，以便更精准地向Skill提问。由于浏览器扩展涉及权限和安全策略，生成的代码需仔细审查，特别是处理用户数据或跨域请求的部分。
核心特点
专注于Chrome扩展开发的垂直领域，能生成符合最新Manifest V3规范的代码，并提供从权限声明到商店发布的全流程开发指导，而非泛泛的前端代码生成。
注意事项
不适合开发需要复杂后端服务或深度操作系统集成的桌面应用。
常见问题
这个Skill能帮我生成完整的Chrome扩展项目吗？
可以，它能生成核心的manifest.json、background script、content script和popup页面等文件代码，帮你快速搭建项目骨架。
它支持Manifest V2还是V3？
主要支持并推荐使用最新的Manifest V3规范生成代码，以确保扩展的兼容性和安全性。