Generator rozszerzeń Underground
Loading...
Underground Extension Generator
Gotowy do tworzenia ↺

Generator rozszerzeń Underground

Opisz swoje rozszerzenie, wygeneruj kod, udoskonal go za pomocą AI, a następnie wyeksportuj dla Chrome, Edge, Firefox, Opera lub Safari.

Sponsorowane

Wesprzyj darmowy forge, utrzymując to miejsce dostępnym dla sponsorów.

01

Opis rozszerzenia

* Wymagane
Nazwa rozszerzenia *
Co ma robić? *
Bez limitu — opisz to tak szczegółowo, jak chcesz.
Stworzone przez
Uprawnienia
✓storageZapisz ustawienia lokalnie ✓activeTabOdczyt bieżącej karty ✓tabsZarządzaj kartami przeglądarki

Generuj za pomocą AI

Opcjonalnie. Użyj wbudowanych modeli, wycenianych od darmowych do 999 kredytów za wiadomość, lub użyj własnego klucza OpenRouter.

0–999 CREDITS
Silnik AI
Wbudowane modele0–999 kredytów za wiadomość Klucz OpenRouterUżyj własnego klucza
Wbudowany model 1 credit/msg
Pokaż tylko darmowe modele

Modele darmowe w każdym planie nie wymagają kredytów. Modele darmowe w Pro są zawarte w planie Pro, a w przeciwnym razie kosztują podaną cenę.

Każdy wbudowany model jest wymieniony wraz z dokładną ceną i limitami, które się z nim wiążą. Nie jest wymagany klucz API.

Klucz API OpenRouter
Pokaż
Model Wybierz dowolny identyfikator modelu OpenRouter lub wybierz Niestandardowy.

Ustandaryzowany krótki opis
Przywróć wersję AI
Edytuj ustandaryzowany brief

Ten tekst jest podstawą planu — możesz w nim wszystko zmienić.

Czy ten brief wygląda dobrze?

Potwierdź, a Forge doda boilerplate, funkcje i szczegóły specyficzne dla przeglądarki.

Edytuj promptRozwiń i zbuduj→
Generuj z AI↗ Omów i zaplanuj

Wbudowane modele działają w tej aplikacji zgodnie z Twoim planem. Nie jest wymagany klucz.

Generuj zestaw startowy→
02

Twój zestaw startowy

□Kopiuj plik
⌘
Tab TidyReact + Vite · MV3
Wygenerowano
Generated Przywróć plik
Edytuj zawartość pliku

extension.spec.yaml opisuje rozszerzenie, a PROMPT.md pozwala zbudować je od zera. Oba pliki są dołączane do każdego eksportu.

Bun · React · Vite · Tailwind · shadcn/ui

Pobierz dla

Pobierz plik↓ Download for Chrome↓ Wszystkie 5 przeglądarek (.zip)↓
Puste repozytorium Chrome (.zip)↓

To samo repozytorium z pustym plikiem src/App.tsx — nic nie zostało wygenerowane do usunięcia.

03

Studio App.tsx

Chatbot do jednego pliku. Poproś o zmianę, przeczytaj nowy plik src/App.tsx, a następnie zastosuj go.

— Brak wersji Test wydajności App.tsx · jeszcze nie uruchomiony

Czat App.tsx

Wyczyść czat
Wiadomość o App.tsx
Enter, aby wysłać Wyślij→

Test wydajności App.tsx


              
            

src/App.tsx

Kod Podgląd na żywo

                

Przywróć poprzednią Kopiuj Pobierz .tsx
Wyskakujące okienko 360px Wypełnij szerokość
Odśwież Otwórz w nowej karcie
index.html

Wersje App.tsx

Każda zastosowana zmiana jest tutaj przechowywana, najnowsze najpierw.

    04

    Dopracuj z AI

    Poproś o zmiany. Każda odpowiedź może zaktualizować plan i przebudować kod.

    — Brak planu

    Czat

    Wyczyść czat
    Wiadomość
    Enter, aby wysłać Wyślij→

    Plan budowy

    Wersja robocza

    Twój plan pojawi się tutaj, gdy go wygenerujesz lub poprosisz o zmianę.

    
                Przebuduj kod na podstawie tego planu
              
    05

    Ikona rozszerzenia

    Wygeneruj kwadratową ikonę za pomocą modelu obrazów Gemini, a następnie dołącz ją do eksportu.

    Nano Banana · Gemini 2.5 Flash Image Brak w eksporcie
    Wygląd
    Dodatkowe wskazówki (opcjonalnie)
    Generuj ikonę↗

    Ikony pochodzą z modelu obrazów Gemini, więc wymagane jest zalogowane konto z dostępnymi kredytami.

    Prompt wysłany do modelu
    
                  
                
                
    Użyj w eksporcie Pobierz PNG Usuń ikonę

    Zachowana ikona jest dodawana do każdego eksportu przeglądarki jako icons/icon-16.png, icon-48.png i icon-128.png.

    06

    Wersje i git

    Każde zatwierdzenie zapisuje pełną migawkę rozszerzenia: historię, gałęzie, różnice i oznaczone wydania, które można odtworzyć w prawdziwym git.

    Drzewo robocze

      Wiadomość commita
      Tag wersji
      poprawka pomocnicza główna
      Tag staje się wydaniem w dzienniku zmian i ustawia wersję w pliku manifest.json.
      Zatwierdź wersję→

      Każde zatwierdzenie przechowuje każdy plik w jego obecnym stanie wraz z planem budowy.

      Historia

      Gałąź Nowa gałąź
      Gałąź Utwórz gałąź Anuluj

      Twoje wersje pojawią się tutaj po pierwszym commicie.

        Przywrócenie umieszcza starszą wersję z powrotem w edytorze. Zatwierdź zmiany później, aby je zachować.

        Eksport repozytorium zawiera drzewo robocze, .gitignore, CHANGELOG, każdą oznaczoną wersję oraz skrypt, który odtwarza tę historię w git.

        Kopiuj różnice□ Eksportuj repozytorium git (.zip)↓
        Wyczyść historię
        07

        Konsola wstrzykiwania

        Wpisz automatycznie kodex 99-combo do celu. Wybierz zakres, ustaw prędkość naciskania klawiszy, a następnie uruchom go linia makra po linii makra.

        Bezczynny

        Kontrola uruchamiania

        DuckyScript
        Prędkość pisania
        0 ms wstrzykuje z prędkością sprzętową. Wyższe wartości sprawiają, że pisanie przypomina ludzkie.
        Kombinacje do wstrzyknięcia
        →
        Zakres od 1 do 99 obejmuje cały kodex. Rozdziały mają 9 ruchów głębokości na 11 stronach.
        Dostarczanie Syntetyczne zdarzenie klawisza jest niezaufane, więc przeglądarka nie wstawi dla niego tekstu samodzielnie. Wartość + zdarzenia klawiszy zapisuje tekst i wysyła zdarzenia keydown, keypress oraz keyup.
        START PAUZA KROK STOP
        Postęp wstrzykiwania
        Kombinacja0 / 99
        Znaki0
        Czas pisania0.0s

        Ta konsola steruje poniższym piaskownicą. Nie może dołączyć debuggera do innych kart — strona w piaskownicy nie ma do nich dostępu, a to narzędzie nie próbuje tego robić.

        Terminal

        Wyczyść

          Naciśnij START, a każda linia makra pojawi się tutaj podczas działania.

          Skrypt ładunku

            Skopiuj skrypt□ Pobierz .txt↓

            Cel piaskownicy

            pole tekstowe
            Cel wstrzykiwania

            Otrzymane zdarzenia klawiszy

              Każde wysłane zdarzenie keydown, keypress i keyup pojawi się tutaj.

              08

              Test w Chrome

              Uruchom rozszerzenie w kopii przeglądarki tutaj, a następnie pobierz zestaw, który otwiera tymczasową instancję Chrome z załadowanym rozszerzeniem.

              Symulowana przeglądarka

              Przeładuj wyskakujące okienko Przeładuj rozszerzenie
              + about:blank ×
              ×

                Wyskakujące okienko działa naprawdę — React, Tailwind i Twój skompilowany plik src/App.tsx — z interfejsami API przeglądarki obsługiwanymi tutaj, a nie przez Chrome. Nie może przetestować tego, co potrafi tylko przeglądarka: prawdziwych monitów o uprawnienia, Twoich rzeczywistych kart i innych stron.

                Wewnętrzne elementy rozszerzenia

                Pamięć Wywołania API Proces roboczy

                Rozszerzenie nie zapisało jeszcze niczego.

                Pamięć
                Wyczyść pamięć rozszerzenia

                Otwórz wyskakujące okienko, a każde wywołanie przeglądarki, które wykona, pojawi się tutaj.

                  Ten zestaw nie ma jeszcze procesu roboczego w tle. Poproś czat o jego dodanie — to on obsługuje alarmy, odznaki i wiadomości, gdy wyskakujące okienko jest zamknięte.

                    Brak zaplanowanych alarmów.

                      Prawdziwa przeglądarka, nienaruszona

                      Zestaw zawiera rozpakowane rozszerzenie oraz skrypty uruchamiające dla Chrome, Edge, Opery i Firefoxa. Otwierają one przeglądarkę na tymczasowym profilu, więc Twoja własna przeglądarka, loginy i rozszerzenia nigdy nie są angażowane.

                      Skopiuj kroki testowe□ Pobierz zestaw testowy przeglądarki (.zip)↓
                      Co sprawdzić w prawdziwej przeglądarce