JavaScript Chrome Apis

Cursor-Regel für Chrome-Extension-Entwicklung – kennt 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

Richtet sich an Entwickler von Browser-Erweiterungen für Chrome. Die Regel bringt dem KI-Editor die Eigenheiten der Chrome-Extension-APIs bei – etwa Manifest V3, Service Worker statt Background Pages, chrome.storage, chrome.runtime.sendMessage und das Berechtigungsmodell –, damit generierter Code nicht versehentlich veraltete Manifest-V2-Muster oder falsche API-Aufrufe verwendet. Nützlich für alle, die Popup-, Content-Script- oder Background-Logik bauen und wollen, dass Cursor die asynchronen Callback-/Promise-Eigenheiten dieser APIs korrekt trifft. Für reine Webapp-Entwicklung ohne Extension-Kontext ist die Regel irrelevant.

Praxis-Tipp

Regel aktivieren und dann z. B. „Schreibe ein Content-Script, das Text auf der Seite markiert und per chrome.storage speichert“ prompten.

Lizenz & Quelle

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

Lade …