Szablony stron do OpenAI Codex. Zbuduj własną stronę, zlecając Codexowi zmiany w gotowym projekcie.
Wybierz gotowy frontend, powiedz Codex, co zmienić, i sprawdź wynik. Ten sposób pracy używa plików projektu; nie zakłada, że każdy interfejs ChatGPT edytuje ten sam folder.
Projekty demonstracyjne · zastąp fikcyjne treści własnymi.
AI ChatPrzykładowy proces
OpenAI Codex · 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 / Projekt źródłowy
Na czym pracuje Codex?
Na dostarczonym HTML i instrukcjach w dostępnym folderze projektu. Morrow prezentuje studio ruchu; zajęcia i elementy sterujące są przykładem frontendu, nie oprogramowaniem rezerwacyjnym.
Pliki strony + instrukcje projektu
index.html
Użyj gotowego frontendu do zmian treści i projektu.
RECREATE.md
Użyj instrukcji jako odniesienia lub wzorca osobnego odtworzenia.
Zachowaj wersję początkową
Zapisz nienaruszoną paczkę i punkt wersji przed edycją.
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.
Powiedz Codexowi, co wymienić, a co zachować. Np. zmień nazwę firmy, wstaw te opisy usług, podłącz przycisk do mojej rezerwacji i zachowaj układ. Dostosujesz stronę bez zlecania całego projektu 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.
Zaplanuj zmianę i sprawdzenie w Codex
Twój własny plan pracy
03 / Dostęp do Codex
O który sposób pracy z OpenAI Codex chodzi?
Udokumentowany punkt wyjścia to Codex CLI w lokalnym projekcie. Inne interfejsy Codex i ChatGPT mają własny dostęp do plików, uprawnienia i podgląd.
Czy chodzi o WordPress Codex?⌃
Nie. Ta strona dotyczy OpenAI Codex jako narzędzia do pracy z kodem, nie dokumentacji WordPress o nazwie Codex.
Czy Codex jest w cenie szablonu?⌃
Nie. Aktualne wymagania konta i korzystania z OpenAI sprawdzasz osobno.
AI ChatPrzykładowy proces
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.
04 / Kolejne zmiany
Czy mogę później dalej zmieniać stronę?
Tak. Zachowaj folder strony, otwórz go ponownie w Codex i opisz kolejną zmianę: dodaj usługę, wymień zdjęcie lub zmień ceny. Najpierw zleć zapis kopii albo wersji Git, żeby móc wrócić do wcześniejszego projektu.
01
Opisz kolejny rezultat
Wskaż konkretny nagłówek, sekcję lub krok użytkownika do zmiany.
02
Sprawdź i zachowaj
Przeczytaj różnice, otwórz stronę i zachowaj wersję po sprawdzeniu.
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>
Zapisana wersja, do której możesz wrócić
07-morrow · LP14-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.
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 · Podłączenie przycisku rezerwacji
Ty
Podłącz przyciski zajęć do mojej obecnej strony rezerwacji. Podałem prawdziwy adres; zachowaj opisy zajęć.
AI · przykładowa odpowiedź
Wymienię przykładowe adresy na ten link i sprawdzę każdy przycisk. Właściwą rezerwację obsłuży dostawca Twojej usługi.
Ty
Po publikacji pomóż mi wykonać rezerwację testową i potwierdzić ją na moim koncie rezerwacji.
Kroki do wykonania
Użyj usługi rezerwacji
Podaj właściwy link rezerwacji lub udokumentowane osadzenie.
Podłącz przyciski
Zleć wymianę przykładowych linków bez wymyślania systemu rezerwacji.
Sprawdź rezerwację
Otwórz link i potwierdź wynik na koncie usługi.
Efekt: odwiedzający rezerwują przez Twoją istniejącą usługę.
Przykładowy przebieg pracy. Bez połączenia z AI na żywo.
05 / Strona i usługi
Czy nowa strona zawiera działające rezerwacje?
Szablon pokazuje zajęcia i przyciski rezerwacji, ale nie dostarcza systemu rezerwacyjnego. Podaj Codexowi adres swojej usługi rezerwacji do podłączenia przycisków albo zleć jej osadzenie według dokumentacji dostawcy. Potem wykonaj próbną rezerwację.
Zaznaczone lokalnie na tym urządzeniu; nic nie jest wysyłane.
06 / Wybierz szablon
Wybierz według tego, co ma pokazać strona.
Morrow pasuje do studia i zajęć. Portfolio, kurs lub produkt software potrzebują innej struktury. Porównaj projekty bez zakładania identycznych testów każdego pakietu w Codex.
Morrow
Pokaż zajęcia, studio i informacje przed pierwszą wizytą. Rezerwacje wymagają osobnego miejsca docelowego.
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.
07 / Kontynuuj pracę
Co ustalić przed zakupem?
Przed zakupem wybierz projekt do swoich treści i potwierdź sposób pracy w Codex z dostępem do plików. Uwzględnij osobno AI, hosting i domenę. Jeśli potrzebujesz rezerwacji albo doręczania kontaktu, wybierz usługę do podłączenia zamiast oczekiwać jej w paczce 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 →
