Projekty demonstracyjne · zastąp fikcyjne treści własnymi.
AI ChatPrzykładowy proces
Gemini CLI · Folder projektu strony
Ty
Przeczytaj index.html, RECREATE.md i zasoby w tym folderze. Zanim edytujesz, pokaż, gdzie są nagłówek, zdjęcia i linki kontaktowe.
AI · przykładowa odpowiedź
Sprawdzę pliki i wypiszę sekcje, ścieżki zdjęć oraz linki. Wskażę też formularze, które tylko demonstrują działanie.
Ty
Pracuj na istniejącym HTML. Teksty mojej firmy i zdjęcia są w folderze materials.
AI · przykładowa odpowiedź
Przypiszę materiały do istniejących sekcji i zapytam o brakujące treści, zamiast je wymyślać.
Kroki do wykonania
Otwórz folder
Rozpakuj projekt i udostępnij go agentowi.
Poznaj stronę
Przeczytaj HTML i instrukcję przed wymianą treści.
Dodaj własne materiały
Przekaż własne teksty, zdjęcia i prawdziwy kontakt.
Efekt: agent pracuje na rzeczywistych plikach Twojej strony.
Przykładowy przebieg pracy. Bez połączenia z AI na żywo.
01 / Konkretne pliki
Jakie pliki dostarcza projekt?
Przekaż Gemini CLI rozpakowany projekt. Ta sprawdzona paczka Veyra zawiera index.html i RECREATE.md. Zacznij od nich i poproś Gemini o wskazanie zewnętrznych zdjęć lub fontów przed edycją albo publikacją.
Pliki strony + instrukcje projektu
@index.html
Gemini CLI opisuje jawne odwołania do plików. Wskaż gotową stronę.
@RECREATE.md
Wskaż instrukcje oryginału osobno od zatwierdzonego briefu firmy.
Zobacz pliki źródłowe i szczegóły techniczne
Rzeczywiste pliki projektu
12-veyra · Aktualnie sprawdzony ZIP
Aktualna paczka produktu sprawdzona 2 października 2026. Pliki i zewnętrzne zasoby dotyczą tego projektu; inne szablony się różnią.
index.html
RECREATE.md
Co opisują oryginalne instrukcje
12-veyra/RECREATE.md · L5
Instrukcja opisuje oryginalną fikcyjną stronę. Oddziel jej rolę od zmian potrzebnych Twojej firmie.
Build an exact English-language, responsive, single-page fictional voice-to-draft product demonstration as one `index.html`, with inline CSS, inline JavaScript and inline SVG. Use native HTML and browser APIs, no framework, build step, external fonts, requests, media files or libraries. Runtime is offline: the page must render and its local controls must work with the network disconnected. Target current Chromium, Safari and Firefox with native `dialog`, CSS Grid, custom properties, `matchMedia` and CSS masking. Support a local HTTP server and opening the file directly; clipboard permissions can differ and must take the specified manual-copy fallback. There is no transcription, generated AI output, account, purchase, download, real product, server submission or persistence. Keep every visible disclosure and prepared sample exactly as specified. Do not add photography, a loader, pricing, testimonials or external links.
Mam index.html i RECREATE.md. Chcę dostosować tę stronę, a nie odtwarzać fikcyjną firmę. Na których plikach będziesz pracować?
AI · przykładowa odpowiedź
Edytuję index.html, a RECREATE.md potraktuję jako opis wyglądu. Twoje teksty, zdjęcia i polecenia mają pierwszeństwo przed przykładową firmą.
Ty
Zachowaj układ, użyj mojej oferty i kontaktu oraz usuń fikcyjne opinie.
Kroki do wykonania
Obecna strona
HTML jest plikiem do edycji przy personalizacji.
Kontekst projektu
RECREATE.md opisuje oryginalny układ i działanie.
Twój brief
Przekaż informacje o firmie i oczekiwane zmiany.
Efekt: wybrany projekt staje się Twoją stroną przez edycję rzeczywistych plików.
Przykładowy przebieg pracy. Bez połączenia z AI na żywo.
02 / Dwa zastosowania
Co Gemini ma zrobić z każdym plikiem?
Edytuj index.html przy konkretnych zmianach gotowej strony. Użyj RECREATE.md jako odniesienia lub wzorca odtworzenia. Treści Twojej firmy dostarcz osobno.
Bezpośrednia edycja
Po konkretnym poleceniu sprawdź zmienione pliki i przeglądarkę.
Odtworzenie
Porównaj nową implementację z oryginalnym wyglądem i zachowaniem.
03 / Konto i dostęp
Co muszę przygotować do Gemini CLI?
Zainstaluj Gemini CLI i skorzystaj z logowania Google; osobiste konto Google jest zalecanym początkiem dla większości osób indywidualnych. Klucz API i Vertex AI mają inne wymagania. Szablon daje pliki strony, a dostęp do AI i rozliczenia dotyczą wybranego konta.
Czy chodzi o zwykły czat Gemini?⌃
Ta strona opisuje Gemini CLI z lokalnymi plikami. Inne interfejsy Gemini wymagają własnego sprawdzonego sposobu pracy z plikami.
Czy nieograniczone użycie AI jest w cenie?⌃
Nie. Szablon nie zawiera dostępu do Google AI ani nieograniczonego limitu.
Zleć Gemini edycję obecnego HTML z Twoimi tekstami. Np. zmień nazwę produktu, użyj tego nagłówka i podłącz główny przycisk do mojego demo. Wskaż index.html oraz RECREATE.md, żeby pracowało na wybranym projekcie.
›_ Przykład edycji z AIFormwell
Ty
Dopasuj Formwell do fikcyjnego studia marki Alder. Zmień nazwę, nagłówek hero i wprowadzenie. Zachowaj układ i przykładowe grafiki projektów.
AI · przykładowa odpowiedź
Przygotowany podgląd wymienia nazwę firmy, nagłówek hero i wprowadzenie. Porównaj zakładki Treść i Oryginał, żeby zobaczyć te zmiany; pozostałe zdjęcia projektów są przykładowe.
Przygotowana rozmowa i wersje projektu. Bez połączenia z AI na żywo.
Zobacz pliki źródłowe i szczegóły techniczne
Mała zmiana, którą możesz sprawdzić
12-veyra/index.html · L17
Wyciągi pochodzą ze sprawdzonego angielskiego oryginału. Kolejne przykłady to przygotowane zmiany plików, a nie sesja AI na żywo. Firmy i prace pozostają fikcyjne.
Przed
<h1>Thoughts into<br>a first draft.</h1>
Pierwsza przygotowana zmiana
<h1>Notes into<br>a reviewed draft.</h1>
Przygotowana kolejna zmiana
<h1>Your notes.<br>Your next draft.</h1>
Oryginalny projekt · Veyra
Wyciągi pochodzą ze sprawdzonego angielskiego oryginału. Kolejne przykłady to przygotowane zmiany plików, a nie sesja AI na żywo. Firmy i prace pozostają fikcyjne.Otwórz pełny podgląd ↗
Przygotowana zmiana pliku
Przygotowana wersja zmienia wybrane teksty lub obrazy w tym samym projekcie. Zachowuje strukturę i przykładowe treści. Porównaj pliki przed podobną zmianą dla swojej firmy.Otwórz pełny podgląd ↗
AI ChatPrzykładowy proces
Gemini CLI · Sprawdzenie zmienionej strony
Ty
Porównaj zmienioną stronę z moim poleceniem. Sprawdź nagłówek, ścieżki zdjęć, menu i kontakt na komputerze i telefonie.
AI · przykładowa odpowiedź
Wypiszę różnice i sprawdzę to, co rzeczywiście wyświetla przeglądarka. Sam zapis pliku nie potwierdza efektu wizualnego.
Ty
Na telefonie nagłówek jest ucięty. Popraw to bez zmiany tekstu.
AI · przykładowa odpowiedź
Poprawię układ mobilny i ponownie sprawdzę tę samą szerokość telefonu. Potem możesz zaakceptować wynik.
Kroki do wykonania
Porównaj zmiany
Sprawdź swoje teksty, zdjęcia i zakres polecenia.
Otwórz podgląd
Sprawdź komputer i telefon; kliknij menu i kontakt.
Opisz problem
Powiedz agentowi, co jest źle, i zleć ponowne sprawdzenie poprawionego widoku.
Efekt: sprawdzona wersja gotowa do dalszej edycji lub publikacji.
Przykładowy przebieg pracy. Bez połączenia z AI na żywo.
05 / Sprawdź wynik
Jak sprawdzić więcej niż odpowiedź terminala?
Przeczytaj zapisane różnice i otwórz stronę. Sprawdź fakty, zasoby, nagłówki na telefonie, klawiaturę i cel CTA. Zapisz zaakceptowaną wersję przed kolejną zmianą.
Zaznaczone lokalnie na tym urządzeniu; nic nie jest wysyłane.
06 / Wybierz strukturę
Który układ pasuje do mojego produktu?
Porównaj prezentację produktu, przykłady, sposoby użycia i FAQ. Projekty są frontendami marketingowymi; software opisany w fikcyjnych historiach nie jest w paczce.
Veyra
Przedstaw produkt głosowy, przykłady i sposoby pracy. To nie jest gotowa aplikacja zamiany głosu na tekst.
Aktualny pakiet sprawdzony 2 października 2026. Sprawdź wybrane pliki na stronie produktu.
index.html
RECREATE.md
assets/relayline-focus.png
assets/relayline-portrait.png
Część zasobów może być pobierana z zewnętrznych adresów. Sprawdź wybrany projekt przed publikacją.
Projekty demonstracyjne · zastąp fikcyjne treści własnymi.
AI ChatPrzykładowy proces
Gemini CLI · Cloudflare Pages · od folderu do strony online
Ty
Moja strona jest gotowa. Opublikuj ten folder na Cloudflare Pages przez Wrangler. Najpierw powiedz, jakiego dostępu do konta i zgody potrzebujesz.
AI · przykładowa odpowiedź
Sprawdzę pliki i ścieżki zdjęć. Zaloguj się do swojego Cloudflare i zatwierdź utworzenie lub aktualizację projektu Pages, zanim wyślę pliki.
Ty
Zgadzam się na publikację w nowym projekcie Pages. Nie zmieniaj obecnej domeny, dopóki nie sprawdzę podglądu.
AI · przykładowa odpowiedź
Po zatwierdzonym wysłaniu podam adres zwrócony przez Cloudflare i sprawdzę zdjęcia oraz linki. Domenę możemy podłączyć po akceptacji podglądu.
Kroki do wykonania
Przekaż projekt agentowi
Użyj agenta AI z dostępem do plików i terminala; trzymaj index.html oraz zasoby razem.
Zatwierdź wysłanie
Zaloguj się do hostingu i zatwierdź konkretny projekt. Agent może użyć obsługiwanego CLI lub API.
Sprawdź rzeczywisty adres
Otwórz zwrócony adres; własną domenę podłącz po sprawdzeniu strony.
Efekt: Twoja strona pod publicznym adresem, a następnie pod własną domeną.
Przykładowy przebieg pracy. Bez połączenia z AI na żywo.
07 / Kolejne kroki
Co pozostaje po edycji?
Po edycji podłącz potrzebny formularz lub rezerwacje i zleć agentowi AI publikację folderu na odpowiednim hostingu. Zatwierdź dostęp do konta i wysłanie, sprawdź zwrócony adres online, a potem podłącz domenę. Hosting i dostęp do AI są osobne od szablonu.
OneDollarStock is implementing a project to prepare the platform for entry into the German market under the “Go Global” acceleration track of the “Unicorn Hub Startup Booster” programme, project no. FENG.02.28-IP.02-0013/23. The project is co-financed by the European Funds for Smart Economy 2021–2027 under the priority “Innovation-friendly environment”, Measure FENG.2.28 Startup Booster Poland.
Learn more about the project →
