Agent-Skills.md

Agent Skills: Plasmo Extension Architect

Architect Chrome MV3 extensions using Plasmo, including messaging, storage, and UI surfaces.

UncategorizedID: shipshitdev/library/plasmo-extension-architect

Repository

shipshitdev/library
shipshitdev
151

Install this agent skill to your local

pnpm dlx add-skill https://github.com/shipshitdev/library/tree/HEAD/bundles/workspace/skills/plasmo-extension-architect

Skill Files

Browse the full folder contents for plasmo-extension-architect.

Download Skill

Loading file tree…

bundles/workspace/skills/plasmo-extension-architect/SKILL.md

Skill Metadata

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.