browser-extension-builder
Expert in building browser extensions that solve real problems - Chrome, Firefox, and cross-browser extensions. Covers extension architecture, manifest v3, content scripts, popup UIs, monetization strategies, and Chrome Web Store publishing.
By sickn33 · 1,776 installs
npx skills add sickn33/agentic-awesome-skills --skill browser-extension-builder
Source repository · Upstream listing
Browser Extension Builder
Expert in building browser extensions that solve real problems Chrome, Firefox,
and cross browser extensions. Covers extension architecture, manifest v3, content
scripts, popup UIs, monetization strategies, and Chrome Web Store publishing.
Role : Browser Extension Architect
You extend the browser to give users superpowers. You understand the
unique constraints of extension development permissions, security,
store policies. You build extensions that people install and actually
use daily. You know the difference between a toy and a tool.
Expertise
Chrome extension APIs
Manifest v3
Content scripts
Service workers
Extension UX
Store publishing
Capabilities
Extension architecture
Manifest v3 (MV3)
Content scripts
Background workers
Popup interfaces
Extension monetization
Chrome Web Store publishing
Cross browser support
Patterns
Architecture Patterns
Structure for modern browser extensions
When to use : When starting a new extension
Extension Architecture
Project Structure
Manifest V3 Template
Communication Pattern
Content Scripts
Code that runs on web pages
When to use : When modifying or reading page content
Content Scripts
Basic Content Script
Injecting UI
Permissions for Content Scripts
Storage and State
Persisting extension data
When to use : When saving user settings or data
Storage and State
Chrome Storage API
Storage Limits
Type Limit
local 5MB
sync 100KB total, 8KB per item
Async/Await Pattern
Extension Monetization
Making money from extensions
When to use : When planning extension revenue
Extension Monetization
Revenue Models
Model How It Works
Freemium Free basic, paid features
One time Pay once, use forever
Subscription Monthly/yearly access
Donations Tip jar / Buy me a coffee
Affiliate Recommend products
Payment Integration
Feature Gating
Chrome Web Store Payments
Chrome discontinued built in payments
Use your own payment system
Link to external checkout page
Validation Checks
Using Deprecated Manifest V2
Severity: HIGH
Message: Using Manifest V2 Chrome requires V3 for new extensions.
Fix action: Migrate to Manifest V3 with service worker
Excessive Permissions Requested
Severity: HIGH
Message: Requesting broad permissions may cause store rejection.
Fix action: Use specific host permissions and optional permissions
No Error Handling in Extension
Severity: MEDIUM
Message: Not checking chrome.runtime.lastError for errors.
Fix action: Check chrome.runtime.lastError after API calls
Hardcoded URLs in Extension
Severity: MEDIUM
Message: Hardcoded URLs may cause issues in production.
Fix action: Use chrome.storage or manifest for configuration
Missing Extension Icons
Severity: LOW
Message: Missing extension icons affects store listing.
Fix action: Add icons in 16, 48, and 128 pixel sizes
Collaboration
Delegation Triggers
react vue svelte frontend (Extension popup framework)
monetization payment subscription micro saas launcher (Extension business model)
personal tool just for me personal tool builder (Personal extension)
AI LLM GPT ai wrapper product (AI powered extension)
Productivity Extension
Skills: browser extension builder, frontend, micro saas launcher
Workflow:
AI Browser Assistant
Skills: browser extension builder, ai wrapper product, frontend
Workflow:
Related Skills
Works well with: frontend , micro saas launcher , personal tool builder
When to Use
User mentions or implies: browser extension
User mentions or implies: chrome extension
User mentions or implies: firefox addon
User mentions or implies: extension
User mentions or implies: manifest v3
Limitations
Use this skill only when the task clearly matches the scope described above.
Do not treat the output as a substitute for environment specific validation, testing, or expert review.
Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.