Plasmo Extension Architect
- 160 installs
- 31 repo stars
- Updated August 2, 2026
- shipshitdev/library
Scaffold and structure Plasmo browser extensions with messaging, content scripts, storage, and MV3-compliant permissions for Chrome workflows.
About
plasmo-extension-architect helps developers design Chrome extensions using the Plasmo framework with MV3-compliant manifests, React UI, content scripts, and cross-context messaging. It covers permissions, storage, build workflow, and integration patterns for production-ready browser extensions.
- Plasmo project layout and manifest MV3 setup
- Content scripts, background, and popup architecture
- Messaging between extension contexts
- Storage, permissions, and host access design
- Build, hot reload, and store packaging flow
Plasmo Extension Architect by the numbers
- 160 all-time installs (skills.sh)
- Ranked #935 of 2,245 Frontend Development skills by installs in the Skillselion catalog
- Data as of Aug 3, 2026 (Skillselion catalog sync)
npx skills add https://github.com/shipshitdev/library --skill plasmo-extension-architectAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 160 |
|---|---|
| repo stars | ★ 31 |
| Last updated | August 2, 2026 |
| Repository | shipshitdev/library ↗ |
What it does
Scaffold and structure Plasmo browser extensions with messaging, content scripts, storage, and MV3-compliant permissions for Chrome workflows.
Files
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.tscontent-script.tspopup.tsxoptions.tsx
Security
- Minimize host permissions.
- Validate messages.
- Avoid storing secrets in the DOM.
Build and Dev
- Use
plasmo devfor local development. - Keep manifest permissions aligned with features.
- Validate MV3 constraints for long-running tasks.
{
"name": "plasmo-extension-architect",
"version": "1.0.0",
"description": "Architect Chrome MV3 extensions using Plasmo, including messaging, storage, and UI surfaces.",
"author": {
"name": "Ship Shit Dev",
"email": "hello@shipshit.dev",
"url": "https://github.com/shipshitdev"
},
"license": "MIT",
"skills": "."
}
Related skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.587k29.6kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.267k29.6k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.257k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita212k69.4kImage To CodeConvert high-fidelity design images into production-ready, visually accurate frontend code that avoids generic AI design pitfalls.177k69.4k