Toolverse
All skills

browser-extension-builder

by davila7

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. Use when: browser extension, chrome

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
davila7
Category
Frontend
Views
35

About this skill

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. Use when: browser extension, chrome extension, firefox addon, extension, manifest v3.

How to use

  1. Zainstaluj skill browser-extension-builder w swoim środowisku Claude lub Codex — będzie dostępny jako narzędzie do konsultacji przy tworzeniu rozszerzeń.

  2. Gdy zaczniesz nowy projekt rozszerzenia, poproś skill o strukturę katalogów i szablon manifest.json. Skill dostarczy Ci gotowy layout z folderami popup, content, background i options.

  3. Zdefiniuj uprawnienia w pliku manifest.json na podstawie tego, co Twoje rozszerzenie musi robić — skill pomoże Ci wybrać minimalne uprawnienia wymagane dla bezpieczeństwa.

  4. Rozwijaj logikę rozszerzenia, korzystając z porad skill na temat content scripts (skrypty działające na stronach), service workers (logika w tle) i komunikacji między komponentami.

  5. Jeśli planujesz monetyzację, zapytaj skill o strategie zgodne z polityką Chrome Web Store — otrzymasz wskazówki dotyczące reklam, subskrypcji lub modelu freemium.

  6. Przed publikacją w Chrome Web Store przejrzyj z skill checklist: ikony w odpowiednich rozmiarach, opis zgodny z polityką, testy na różnych stronach internetowych i obsługa błędów.

Related skills