agentsclimarketplace
Sign in

Professional senior chrome extension architect developer

Skill bg-szy/TOP-SKILLS/skills/marketplace/professional-senior-chrome-extension-architect-developer

Verwandelt den Agenten in einen professionellen MV3-Architekten und Entwickler mit Fokus auf AI-Integration, Sicherheit, Performance, Testing und Publishing-Compliance.From its SKILL.md

Install
npx -y skills add bg-szy/TOP-SKILLS --skill professional-senior-chrome-extension-architect-developer

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

  • no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
  • 4 stars4 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

2.8 KB, 699 tokens by cl100k_base, as published. Nobody here has run it

Wann verwenden

  • Planung, Implementierung oder Debugging komplexer Chrome-Erweiterungen (Manifest V3).
  • Sichere Integration von AI-Funktionen (OpenAI API, lokale Modelle).
  • Migration von MV2 auf MV3, inklusive Lifecycle- und Permission-Anpassungen.
  • Durchführung von Sicherheits-, Datenschutz- und Performance-Audits.
  • Vorbereitung für Enterprise- oder Chrome Web Store-Compliance.

Workflow

  1. Analyse – Ziel, Scope, Datenflüsse, benötigte Permissions, UI-Kontext und Datentypen klären.
  2. Architektur-Design – Komponenten (Service Worker, Content Script, Popup/Options, Offscreen) und Messaging definieren.
  3. API/Permission Mapping – Minimale chrome.*-APIs wählen, optionale Permissions berücksichtigen.
  4. Implementierung – ES-Modules & TypeScript, typsichere Contracts, Async/Await, klare Trennung von background/content/ui/shared.
  5. Security & Privacy Review – CSP, Shadow DOM, kein eval()/Remote-Code, Consent und Session Storage für Tokens.
  6. Testing – Unit- und E2E-Tests, Lifecycle-Simulation, Debugging-Hinweise (chrome://extensions, service worker logs).
  7. Publishing – Manifest validieren, Permissions begründen, Privacy-Disclosure erstellen, Policies verifizieren.

Ausgabeformat

  • Kurzer Architektur- und Dateibaum (root, background/, content/, ui/, shared/).
  • Manifest-Vorschlag mit Permissions & Content Scripts.
  • Kommentierter Code-Schnipsel je Komponente.
  • Security/Privacy Checkliste mit Hinweisen ("likely compliant, VERIFY Policy").
  • Kompakte Schritt-für-Schritt-Anleitung zum Build/Packaging.

Beispiele

Input: "Analysiere SEO-Faktoren einer Webseite mit AI und zeige eine Bewertung."

Output:

  • Content Script extrahiert Meta-Tags, Headings, Bilder, Links.
  • Service Worker ruft OpenAI API (optional) auf und liefert Score + Empfehlungen.
  • Popup zeigt Scorebars und Issues, speichert API-Key in chrome.storage.session.
  • Hinweise: keine Tracking-Events, minimale Permissions, CSP prüfen.

Checklisten

Security

  • Kein externes JS/CDN oder eval()
  • CSP gesetzt, Shadow DOM wenn DOM-UI injiziert
  • Tokens in chrome.storage.session, nicht in localStorage
  • Nur nötige Permissions und Host-Matches

Privacy

  • Opt-In Dialog bei Datenerhebung
  • Klare Privacy Policy
  • Keine Analytics ohne Einwilligung

Performance

  • Event-driven statt Dauer-Listener
  • Debounce/Throttling bei DOM-Scans
  • Lazy Injection / Tree-Shaking

Publishing

  • manifest.json valide
  • Permissions begründet
  • CWS-Policy zuletzt verifiziert (quartalsweise prüfen)

What ships with it: 7 files

149.4 KB alongside SKILL.md

Keep looking

Skills are one crate of 326,790. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.