Underground-Erweiterungsgenerator
Loading...
Underground Extension Generator
Bereit zum Erstellen ↺

Underground Extension Generator

Beschreiben Sie Ihre Erweiterung, generieren Sie den Code, verfeinern Sie ihn mit KI und exportieren Sie ihn dann für Chrome, Edge, Firefox, Opera oder Safari.

Gesponsert

Unterstützen Sie die kostenlose Forge, indem Sie diesen Platz für Sponsoren freihalten.

01

Erweiterungs-Briefing

* Erforderlich
Erweiterungsname *
Was soll es tun? *
Kein Limit — beschreibe es so detailliert, wie du möchtest.
Erstellt von
Berechtigungen
✓storageEinstellungen lokal speichern ✓activeTabAktuellen Tab lesen ✓tabsBrowser-Tabs verwalten

Mit KI generieren

Optional. Verwenden Sie die integrierten Modelle, die von kostenlos bis zu 999 Credits pro Nachricht reichen, oder verwenden Sie Ihren eigenen OpenRouter-Schlüssel.

0–999 CREDITS
KI-Engine
Integrierte Modelle0–999 Credits pro Nachricht OpenRouter-SchlüsselVerwenden Sie Ihren eigenen Schlüssel
Integriertes Modell 1 credit/msg
Nur kostenlose Modelle anzeigen

Kostenlos in jedem Plan benötigt keine Credits. Kostenlos mit Pro ist in einem Pro-Plan enthalten und kostet ansonsten den angegebenen Preis.

Jedes integrierte Modell wird mit seinem genauen Preis und den damit verbundenen Limits aufgelistet. Kein API-Schlüssel erforderlich.

OpenRouter API-Schlüssel
Anzeigen
Modell Wählen Sie eine beliebige OpenRouter-Modell-ID oder wählen Sie Benutzerdefiniert.

Standardisierte Zusammenfassung
Auf KI-Version zurücksetzen
Bearbeiten Sie das standardisierte Briefing

Dieser Text ist genau das, worauf der Plan basiert – ändern Sie alles darin.

Sieht dieses Briefing richtig aus?

Bestätigen Sie dies und Forge fügt Boilerplate, Funktionen und browserspezifische Details hinzu.

Prompt bearbeitenErweitern & erstellen→
Mit KI generieren↗ Diskutieren & planen

Integrierte Modelle laufen über diese App mit Ihrem Plan. Kein Schlüssel erforderlich.

Starter-Kit generieren→
02

Dein Starter-Kit

□Datei kopieren
⌘
Tab TidyReact + Vite · MV3
Generiert
Generated Datei zurücksetzen
Dateiinhalt bearbeiten

extension.spec.yaml beschreibt die Erweiterung und PROMPT.md kann sie von Grund auf neu erstellen. Beide sind in jedem Export enthalten.

Bun · React · Vite · Tailwind · shadcn/ui

Herunterladen für

Datei herunterladen↓ Download for Chrome↓ Alle 5 Browser (.zip)↓
Leeres Chrome-Repo (.zip)↓

Dasselbe Repo mit einer leeren src/App.tsx – nichts generiert, das zuerst gelöscht werden müsste.

03

App.tsx Studio

Ein Chatbot für eine Datei. Bitten Sie um eine Änderung, lesen Sie die neue src/App.tsx und wenden Sie sie dann an.

— Noch keine Versionen App.tsx Benchmark · noch nicht ausgeführt

App.tsx Chat

Chat leeren
Nachricht über App.tsx
Eingabetaste zum Senden Senden→

App.tsx Benchmark


              
            

src/App.tsx

Code Live-Vorschau

                

Vorherige wiederherstellen Kopieren Download .tsx
Popup 360px Breite ausfüllen
Neu laden In neuem Tab öffnen
index.html

App.tsx Versionen

Jede angewendete Änderung wird hier gespeichert, die neuesten zuerst.

    04

    Mit KI verfeinern

    Fragen Sie nach Änderungen. Jede Antwort kann den Plan aktualisieren und den Code neu erstellen.

    — Noch kein Plan

    Chat

    Chat leeren
    Nachricht
    Eingabetaste zum Senden Senden→

    Bauplan

    Entwurf

    Dein Plan erscheint hier, sobald du ihn generierst oder eine Änderung anfragst.

    
                Code aus diesem Plan neu erstellen
              
    05

    Erweiterungssymbol

    Generiere ein quadratisches Icon mit dem Gemini-Bildmodell und füge es deinem Export hinzu.

    Nano Banana · Gemini 2.5 Flash Image Nicht im Export enthalten
    Aussehen
    Zusätzliche Anweisungen (optional)
    Symbol generieren↗

    Symbole stammen vom Gemini-Bildmodell der Plattform, daher ist ein angemeldetes Konto mit Guthaben erforderlich.

    An das Modell gesendeter Prompt
    
                  
                
                
    Im Export verwenden PNG herunterladen Icon entfernen

    Ein behaltenes Icon wird jedem Browser-Export als icons/icon-16.png, icon-48.png und icon-128.png hinzugefügt.

    06

    Versionen & Git

    Jeder Commit speichert einen vollständigen Schnappschuss der Erweiterung: Verlauf, Branches, Diffs und getaggte Releases, die Sie in echtem Git neu erstellen können.

    Arbeitsverzeichnis

      Commit-Nachricht
      Versions-Tag
      Patch Minor Major
      Ein Tag wird zu einem Release im Changelog und setzt die Version in der manifest.json.
      Version committen→

      Jeder Commit speichert jede Datei so, wie sie jetzt aussieht, zusammen mit dem Build-Plan.

      Verlauf

      Branch Neuer Branch
      Branch Branch erstellen Abbrechen

      Deine Versionen erscheinen hier nach dem ersten Commit.

        Wiederherstellen setzt eine ältere Version zurück in den Editor. Committe danach, um sie zu behalten.

        Der Repository-Export enthält den Arbeitsbaum, .gitignore, CHANGELOG, jede getaggte Version und ein Skript, das diesen Verlauf in Git neu erstellt.

        Diff kopieren□ Git-Repo exportieren (.zip)↓
        Verlauf löschen
        07

        Injektionskonsole

        Gib den 99-Combo-Codex automatisch in ein Ziel ein. Wähle einen Bereich, lege die Tastengeschwindigkeit fest und führe ihn dann Makrozeile für Makrozeile aus.

        Leerlauf

        Steuerung ausführen

        DuckyScript
        Tastengeschwindigkeit
        0 ms injiziert mit Hardware-Geschwindigkeit. Höhere Werte tippen wie ein Mensch.
        Zu injizierende Combos
        →
        1 bis 99 deckt den gesamten Codex ab. Kapitel laufen 9 Züge tief über 11 Seiten.
        Übermittlung Ein synthetisches Tastenereignis ist nicht vertrauenswürdig, daher fügt ein Browser von sich aus keinen Text dafür ein. Wert + Tastenereignisse schreibt den Text und sendet keydown, keypress und keyup.
        START PAUSE SCHRITT STOPP
        Fortschritt der Injektion
        Kombination0 / 99
        Zeichen0
        Tippzeit0.0s

        Diese Konsole steuert die Sandbox unten. Sie kann keinen Debugger an andere Tabs anhängen – eine sandboxed Seite hat keinen Zugriff darauf, und dieses Tool versucht es auch nicht.

        Terminal

        Löschen

          Drücke START und jede Makrozeile landet hier, während sie ausgeführt wird.

          Payload-Skript

            Skript kopieren□ Download .txt↓

            Sandbox-Ziel

            Textbereich
            Injektionsziel

            Empfangene Tastenereignisse

              Jedes gesendete keydown, keypress und keyup erscheint hier.

              08

              Test in Chrome

              Führen Sie die Erweiterung hier in einer Kopie des Browsers aus und laden Sie dann ein Kit herunter, das ein temporäres Chrome mit der geladenen Erweiterung öffnet.

              Simulierter Browser

              Popup neu laden Erweiterung neu laden
              + about:blank ×
              ×

                Das Popup läuft wirklich – React, Tailwind und Ihre kompilierte src/App.tsx – wobei die Browser-APIs hier beantwortet werden, anstatt von Chrome. Es kann nicht testen, was nur ein Browser kann: echte Berechtigungsaufforderungen, Ihre echten Tabs und andere Websites.

                Interne Erweiterungsdaten

                Speicher API-Aufrufe Worker

                Die Erweiterung hat noch nichts gespeichert.

                Speicher
                Erweiterungsspeicher löschen

                Öffnen Sie das Popup, und jeder Browser-Aufruf, den es tätigt, landet hier.

                  Dieses Kit hat noch keinen Hintergrund-Worker. Bitte den Chat, einen hinzuzufügen – er kümmert sich um Alarme, Badges und Nachrichten, wenn das Popup geschlossen ist.

                    Keine geplanten Alarme.

                      Ein echter Browser, unberührt

                      Das Kit enthält die entpackte Erweiterung und Startskripte für Chrome, Edge, Opera und Firefox. Sie öffnen den Browser mit einem temporären Profil, sodass Ihr eigener Browser, Ihre Logins und Ihre Erweiterungen niemals involviert sind.

                      Testschritte kopieren□ Browser-Testkit herunterladen (.zip)↓
                      Was im echten Browser zu prüfen ist