Eine Chrome-Erweiterung erstellen
Baue Chrome-Erweiterungen mit Manifest V3.
Schnellstart
- Gehe zu prompttoapp.dev
- Wähle Chrome Extension als Projekttyp
- Gib deinen Prompt in das Textfeld ein und klicke auf Generate
Beispiel-Prompt
Erstelle eine Produktivitätserweiterung, die:
- Ablenkende Websites blockiert
- Zeit auf jeder Website verfolgt
- Tägliche Produktivitätsstatistiken anzeigt
- Anpassbare Blockliste hat
- Einen Pomodoro-Timer enthält
Tech-Stack
- Manifest V3
- React + TypeScript
- Tailwind CSS
- Chrome-APIs (storage, tabs, alarms, etc.)
Deine Erweiterung testen
- Klicke auf Publish in der Chat-Oberfläche
- Klicke auf Get Project Files, um dein vollständiges Projekt herunterzuladen
- Extrahiere die ZIP in einen Ordner
- Öffne
chrome://extensions - Aktiviere den "Entwicklermodus"
- Klicke auf "Entpackte Erweiterung laden" und wähle den extrahierten Ordner
Deine Erweiterung ist jetzt in Chrome aktiv.
Unterstützte Erweiterungstypen
- Popup-Erweiterungen — Klicke auf das Symbol, um die UI zu öffnen
- Seitenleisten-Erweiterungen — Persistente Seitenleiste
- Content-Scripts — In Webseiten injiziert
- Hintergrund-Worker — Führen Aufgaben im Hintergrund aus
Integrationen hinzufügen
Du kannst die KI bitten, Integrationen wie Supabase für Speicher oder Stripe für Zahlungen hinzuzufügen. Du musst deine eigenen API-Schlüssel in der Erweiterungskonfiguration angeben.
Im Chrome Web Store veröffentlichen
- Erstelle ein Chrome Web Store-Entwicklerkonto ($5 einmalig)
- Lade deine ZIP in das Entwickler-Dashboard hoch
- Fülle den Store-Eintrag aus und reiche zur Überprüfung ein (normalerweise 1–3 Tage)