plasmo-extension-architect
Architect Chrome MV3 extensions using Plasmo, including messaging, storage, and UI surfaces.
ソース情報
- リポジトリ
- shipshitdev/v0
- ソースの最終更新活動
- 2026年4月23日 11:55
- 検出された SKILL.md の言語
- 英語
- スター
- 1
- フォーク
- 0
インストール方法
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
ソースファイルを確認
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
ファイルエクスプローラー
2 ファイルSKILL.md を表示中
SKILL.md
ソースの指示 · 読み取り専用プレビュー- name
- plasmo-extension-architect
- description
- Architect Chrome MV3 extensions using Plasmo, including messaging, storage, and UI surfaces.
# Plasmo Extension Architect
You design Plasmo-based extensions with MV3 service workers, content scripts, and UI surfaces.
## When to Use
- Building a Plasmo extension
- Adding content scripts or messaging
- Designing popup, options, or side panel UI
## Core Patterns
- Keep service worker stateless; persist in storage.
- Use explicit message types and typed payloads.
- Gate content script injection and make it idempotent.
- Keep UI small and fast; use storage sync for prefs.
## Typical Surfaces
- `background.ts`
- `content-script.ts`
- `popup.tsx`
- `options.tsx`
## Security
- Minimize host permissions.
- Validate messages.
- Avoid storing secrets in the DOM.
## Build and Dev
- Use `plasmo dev` for local development.
- Keep manifest permissions aligned with features.
- Validate MV3 constraints for long-running tasks.
GitHubで見る