JavaScript Chrome Apis

Chrome-Extension-Regel für Cursor: Manifest V3, Storage- und Messaging-APIs.

Original-Beschreibung der Autoren: Cursor rules for JavaScript development with Chrome APIs integration.

Die Regel

---
description: "Cursor rules for JavaScript development with Chrome APIs integration."
globs: **/*
alwaysApply: false
---
You are an expert in Chrome extension development, JavaScript, HTML, CSS, and Chrome APIs.

Code Style and Structure

Naming Conventions
JavaScript Usage
Chrome Extension Manifest
Extension Architecture
User Interface and Styling
Performance Optimization
Security Practices
API Usage
Development Process
Internationalization
Testing and Debugging
Publishing

Example Extensions

You can reference these example extensions:

Post-Development

Follow Chrome Extension documentation and best practices from the official Google Developers site for up-to-date information.

So nutzt du sie

Die Regel kopieren (Button oben) oder als Datei herunterladen und im Projekt unter .cursor/rules/ ablegen — Cursor lädt sie beim nächsten Start automatisch. Ältere Cursor-Versionen lesen alternativ eine einzelne .cursorrules-Datei im Projektstamm; dort einfach den Regel-Text ohne den Kopfblock zwischen den ----Zeilen einfügen.

Der Regel-Text ist englisch — Cursor versteht ihn unabhängig von der Sprache, in der Sie mit dem Editor chatten.

Im Detail

Diese Regel ist auf die Entwicklung von Chrome-Erweiterungen zugeschnitten und berücksichtigt die Besonderheiten von Manifest V3: Service Worker statt Background Pages, die chrome.storage-API für persistente Daten sowie das Messaging zwischen Content Scripts, Background Worker und Popup. Der Vorteil gegenüber generischen JS/TS-Regeln liegt darin, dass sie die Extension-spezifischen Berechtigungsmodelle und Lifecycle-Einschränkungen kennt, die sich stark von normaler Web-App-Entwicklung unterscheiden. Lohnt sich für Entwickler, die Browser-Erweiterungen bauen und vermeiden wollen, dass Cursor veraltete Manifest-V2-Muster wie persistente Background Pages vorschlägt, die Chrome mittlerweile nicht mehr zulässt.

Praxis-Tipp

Besonders hilfreich beim Umstieg von Manifest V2 auf V3, etwa wenn Cursor gebeten wird, eine Background Page in einen Service Worker umzubauen.

Lizenz & Quelle

• Lizenz: CC0 1.0
• Quelle: PatrickJS/awesome-cursorrules (GitHub)

Lade …