Chrome Ext Architect

用于 Chrome 插件 / 浏览器扩展架构设计:当用户要规划 Manifest V3、service worker、content script、popup、options page、权限、消息通信、安全边界或跨端方案时使用。Combine with `frontend-design` when 插件界面本身也要重做;Do not use for 纯网页改版或与扩展架构无关的常规前端任务。

hebertzhu 9e54fe2 1.3 KB Updated

File contents

chrome-ext-architect

Intent

  • 用于 Chrome 插件 / 浏览器扩展架构设计:当用户要规划 Manifest V3、service worker、content script、popup、options page、权限、消息通信、安全边界或跨端方案时使用。Combine with frontend-design when 插件界面本身也要重做;Do not use for 纯网页改版或与扩展架构无关的常规前端任务。

Default operating pattern

  1. Identify the target platform, form factor, and native system constraints.
  2. Choose native patterns before inventing custom behavior.
  3. Translate platform rules into implementable UI, architecture, or code guidance.
  4. Check accessibility, ergonomics, lifecycle, and integration edges.
  5. Return a concrete implementation path instead of vague platform advice.

Pack fit

  • Included in: platform-apps
  • Keep examples generic, privacy-safe, and portable across hosts.

Boundary

  • Do not use for ordinary websites that are not browser extensions.

hebertzhu/agent-foundry/tree/main/skills/chrome-ext-architect commit 9e54fe2385

Frequently asked questions

npx skillmds@latest add hebertzhu/chrome-ext-architect