mcpField
P
plasmo-extension-architect

plasmo-extension-architect

github.com/shipshitdev开发38168 次安装2 天前更新
代码仓库

关于 plasmo-extension-architect

plasmo-extension-architect 是用于设计 Plasmo 浏览器扩展的技能，面向开发扩展脚本与界面的开发者。内容涵盖 MV3 限制、类型化消息传递和权限控制。

主要功能

  1. 01MV3 服务工作线程设计
  2. 02内容脚本注入模式
  3. 03类型化扩展消息传递
  4. 04弹出页、选项页和侧边栏界面
  5. 05权限与消息安全指导
  6. 06Plasmo 本地开发指导

适用场景

  1. 01规划新的 Plasmo 扩展
  2. 02添加内容脚本和消息传递
  3. 03设计弹出页或选项界面

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/shipshitdev/skills --skill plasmo-extension-architect

安装后在 Claude Code 中输入/plasmo-extension-architect确认已加载。

附带文件plugin.json

详细介绍

Plasmo 扩展架构师

使用基于 Plasmo 的扩展构建 MV3 服务工作线程、内容脚本和 UI 界面。

适用场景

  • 构建 Plasmo 扩展
  • 添加内容脚本或消息传递
  • 设计弹出窗口、选项页或侧边栏 UI

核心模式

  • 保持服务工作线程无状态；将数据持久化到存储中。
  • 使用明确的消息类型和类型化载荷。
  • 控制内容脚本的注入，并确保其具有幂等性。
  • 保持 UI 小巧、快速；使用存储同步来保存偏好设置。

常见界面

  • background.ts
  • content-script.ts
  • popup.tsx
  • options.tsx

安全

  • 尽量减少主机权限。
  • 验证消息。
  • 避免在 DOM 中存储机密信息。

构建与开发

  • 使用 plasmo dev 进行本地开发。
  • 确保清单权限与功能相匹配。
  • 验证是否符合 MV3 对长时间运行任务的限制。

评论

支持 Markdown