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.