Projekty demonstracyjne · zastąp fikcyjne treści własnymi.
01 / Konfiguracja Codex
O który Codex chodzi w poradniku?
OpenAI Codex CLI w lokalnym katalogu. Sprawdź aktualne logowanie i uprawnienia w dokumentacji OpenAI. Aplikacja, IDE i chmura wymagają własnego dostępu do projektu.
Zaznaczone lokalnie na tym urządzeniu; nic nie jest wysyłane.
OpenAI Codex · Zapisanie i przywrócenie wersji strony
Ty
Przed edycją zapisz zaakceptowaną wersję strony. Jeśli jest Git, przygotuj punkt powrotu i zachowaj mój oryginalny ZIP.
AI · przykładowa odpowiedź
Przed kolejną zmianą potwierdzę, gdzie jest zapisana wersja.
Ty
Poprzedni układ podobał mi się bardziej. Przywróć go, ale zachowaj nowy e-mail kontaktowy.
AI · przykładowa odpowiedź
Porównam wersje, przywrócę wcześniejszy układ i sprawdzę, czy kontakt nadal ma wskazany e-mail.
Kroki do wykonania
Zapisz przed zmianą
Zachowaj oryginalny ZIP i zaakceptowany folder lub wersję Git.
Wskaż, co przywrócić
Powiedz AI, do której wersji i których elementów chcesz wrócić.
Sprawdź przywróconą stronę
Otwórz ją i sprawdź treści, układ oraz linki kontaktowe.
Efekt: świadomy powrót do wersji, która Ci odpowiada.
Przykładowy przebieg pracy. Bez połączenia z AI na żywo.
02 / Zapisz oryginał
Co zapisać przed edycją Codex?
Zachowaj oryginalny ZIP i zleć Codexowi zapis folderu początkowego albo punktu Git przed edycją. Zapisuj też zaakceptowane zmiany. Potem możesz zlecić powrót do konkretnej wersji, zamiast odtwarzać stary projekt z pamięci.
01
Zapisz punkt wyjścia
Zapisz pliki i odnotuj oryginalny wygląd.
02
Zachowaj zatwierdzone wyniki
Zapisuj sprawdzone wersje z krótkim opisem zmiany.
Zobacz pliki źródłowe i szczegóły techniczne
Rzeczywiste pliki projektu
07-morrow · Aktualnie sprawdzony ZIP
Aktualna paczka produktu sprawdzona 2 października 2026. Pliki i zewnętrzne zasoby dotyczą tego projektu; inne szablony się różnią.
Instrukcja opisuje oryginalną fikcyjną stronę. Oddziel jej rolę od zmian potrzebnych Twojej firmie.
Build an English movement-studio demonstration as `index.html` plus `assets/favicon.svg` and six local PNG copies listed in section 9. Put all CSS and vanilla JavaScript in the HTML; use no framework, bundler, build step, external JavaScript or library. Reproduce the structure, copy, proportions, palette, image placement and behavior specified here. Keep native browser scrolling and native HTML dialogs.
03 / Jedno zadanie
Jak utrzymać konkretny zakres dostosowania?
Przekaż teksty firmy i nazwij elementy do zachowania: kolejność sekcji, zdjęcia lub kolory. Poproś Codex o edycję obecnego HTML i listę zmian. Np. wymień przykładową nazwę i usługi bez projektowania strony od nowa.
›_ 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.
AI ChatPrzykładowy proces
OpenAI Codex · 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.
04 / Sprawdź wynik
Skąd wiem, co Codex naprawdę zmienił?
Porównaj zapisane pliki z poprzednią wersją i otwórz stronę. Sprawdź teksty, zdjęcia, linki i nieoczekiwane zmiany; komunikat sukcesu nie zastępuje kontroli.
Zaznaczone lokalnie na tym urządzeniu; nic nie jest wysyłane.
Zobacz pliki źródłowe i szczegóły techniczne
Mała zmiana, którą możesz sprawdzić
07-morrow/index.html · L84
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 id="hero-title">Make room<br>for <em>yourself.</em></h1>
Pierwsza przygotowana zmiana
<h1 id="hero-title">Make room<br>for <em>movement.</em></h1>
Przygotowana kolejna zmiana
<h1 id="hero-title">Make room<br>for <em>movement.</em></h1>
Oryginalny projekt · Morrow
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
OpenAI Codex · Dostosowanie istniejącej strony
Ty
Zmień nazwę firmy, nagłówek i opisy usług na przesłane teksty. Zachowaj układ i wymień tylko wskazane zdjęcia.
AI · przykładowa odpowiedź
Edytuję istniejący HTML, zachowam pozostałe sekcje i pokażę zmienione pliki.
Ty
Podłącz główny przycisk do mojej strony rezerwacji. Użyj przesłanego adresu.
AI · przykładowa odpowiedź
Zmieniam link przycisku, a potem sprawdzam go oraz nowy nagłówek w przeglądarce.
Kroki do wykonania
Przekaż treści
Podaj dokładne teksty, nazwy zdjęć i adresy linków.
Dostosuj szablon
Zleć edycję obecnych plików i zachowanie elementów, które Ci pasują.
Sprawdź podgląd
Przeczytaj nowe treści i kliknij właściwe linki na telefonie i komputerze.
Efekt: Twoja firma w wybranym projekcie strony.
Przykładowy przebieg pracy. Bez połączenia z AI na żywo.
05 / Kolejna poprawka
Jak kontynuować po pierwszym wyniku?
Zlecaj kolejną zmianę na zaakceptowanej wersji. Opisz widoczny problem i oczekiwany efekt, sprawdź nowe różnice i ten sam fragment.
01
Zachowaj zakres
Na przykład skróć dostarczony nagłówek, zachowując układ sekcji.
02
Sprawdź przed zachowaniem
Sprawdź poprawkę w widoku, w którym wystąpił problem.
Zobacz pliki źródłowe i szczegóły techniczne
Zapisana wersja, do której możesz wrócić
07-morrow · LP19-restore.diff
Zapisana pierwsza zmiana została przywrócona w lokalnym pliku testowym; suma kontrolna była identyczna. To przykład przywrócenia pliku, nie punktu kontrolnego agenta ani cofnięcia wdrożenia.
Zapisana pierwsza zmiana została przywrócona w lokalnym pliku testowym; suma kontrolna była identyczna. To przykład przywrócenia pliku, nie punktu kontrolnego agenta ani cofnięcia wdrożenia.
Aktualny pakiet sprawdzony 2 października 2026. Sprawdź wybrane pliki na stronie produktu.
index.html
RECREATE.md
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
OpenAI Codex · 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 / Poza sesją
Co pozostaje po zadaniu dla Codex?
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 →
