Projekty demonstracyjne · zastąp fikcyjne treści własnymi.
AI ChatPrzykładowy proces
Cursor Agent · 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 / Otwórz folder
Co otworzyć w Cursor?
Rozpakuj pobrany ZIP i otwórz cały folder w Cursor. Wybierz Agent, udostępnij projekt i poproś o przeczytanie index.html oraz RECREATE.md. Potem może zmieniać obecną stronę według Twoich pisemnych poleceń.
Pliki strony + instrukcje projektu
Gotowy frontend
Edycja zaczyna się od gotowej strony.
Instrukcje projektu
RECREATE.md opisuje oryginał; Twój brief określa personalizację.
Zobacz pliki źródłowe i szczegóły techniczne
Rzeczywiste pliki projektu
05-offset · 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 `index.html` in English, with inline CSS and vanilla JavaScript, plus an `assets/` directory containing the seven supplied companion image files listed in section 9. Preserve those files byte-for-byte. There is no framework, bundler, package installation, build step, module loader, external JavaScript library, canvas, or WebGL. Target a current Chromium desktop browser and responsive touch layouts. Serve the directory with a local static HTTP server for verification; the page also uses only ordinary file-compatible HTML and remote HTTPS resources when opened as a file. Runtime is **network**: the seven image URLs and Google Fonts remain remote runtime dependencies. The local companion files are part of the deliverable, not an automatic runtime fallback. Do not replace the required remote URLs with local paths. There are no bundled fonts, service workers, analytics, API endpoints, cookies, storage writes, or real message delivery.
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.
02 / Twoje prawdziwe prace
Co zmienia przykładowe portfolio w moje?
Twoje zdjęcia prac, nazwy projektów, opisy roli i zatwierdzone fakty. Powiedz Agent, gdzie umieścić każdy element i jakie przykłady usunąć.
Zaznaczone lokalnie na tym urządzeniu; nic nie jest wysyłane.
Przypisz obrazy przed edycją
Twój własny plan pracy
03 / Konkretna zmiana
Jak zlecić zmiany bez przepisywania wszystkiego?
Wskaż konkretny fragment i oczekiwany efekt. Ustal zachowanie reszty układu i poproś Agent o wyjaśnienie zapisanych zmian.
›_ Przykład edycji z AIFormwell
Ty
W przygotowanej kolorystycznej wersji Alder przesuń wprowadzenie wyżej i dodaj poniżej „Opowiedz nam o swoim projekcie”.
AI · przykładowa odpowiedź
Przygotowany podgląd zmienia odstęp wprowadzenia i dodaje kontakt. Porównaj zakładki Układ i Kolory. Pobranie briefu działa lokalnie; nie wysyła zapytania.
Przygotowana rozmowa i wersje projektu. Bez połączenia z AI na żywo.
Zobacz pliki źródłowe i szczegóły techniczne
Trzy miejsca na obrazy, trzy własne grafiki edukacyjne
05-offset/index.html · first three image src attributes
Przygotowana wersja zastępuje trzy dekoracyjne obrazy własnymi geometrycznymi SVG osadzonymi w HTML. To grafiki edukacyjne, nie prace klientów ani zastępcze fotografie. Oryginał pozostaje bez zmian.
e816dbef5b2d8164b54dd6612ea14b6ac8b59689d1b17e1a536b94c3a99ac621-ribbon.png → owned-teaching-study-1.svg (embedded data URI)
4273b900231f577d1bb47f48276b3eaea59f7439dd6e3d9ece7b2c70f4aa9e17-glass.png → owned-teaching-study-2.svg (embedded data URI)
792cc3188c1ccd9bfb5e5b71f36964769a75d7cf06cb9ee260f925faac751a78-fern.png → owned-teaching-study-3.svg (embedded data URI)
Oryginalny projekt · Offset
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
Cursor Agent · 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ź różnice
Co zaakceptować po pracy Agent?
Sprawdź różnice w plikach i wyrenderowaną stronę. Żaden z tych widoków osobno nie potwierdza kadrów, długich opisów, linków i zachowania na telefonie.
01
Przeczytaj zmienione ścieżki
Sprawdź wymienione teksty, zdjęcia i nieoczekiwane zmiany.
02
Sprawdź stronę
Przetestuj komputer, telefon, okna, klawiaturę i prawdziwy cel zapytania.
03
Zleć jedną poprawkę
Opisz zauważony problem i po poprawce sprawdź ten sam fragment.
AI ChatPrzykładowy proces
Cursor Agent · 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.
05 / Zachowaj drogę powrotu
Czy mogę wycofać niechcianą zmianę?
Tak, jeśli zachowasz oryginał i zaakceptowane wersje. Zleć agentowi przywrócenie wcześniejszego układu albo wycofanie konkretnej edycji. Checkpointy Cursor pomagają przy zmianach agenta; Git lub osobne kopie dają trwałą historię. Sprawdź przywróconą stronę.
Czy checkpointy są tym samym co Git?⌃
Nie. Checkpoint Agent nie musi obejmować każdej ręcznej zmiany lub działania innych narzędzi. Zachowaj trwałą historię albo niezależne kopie.
Czy Cursor jest w cenie?⌃
Nie. Dostęp do Cursor organizujesz osobno; sprawdź możliwości konta, modelu i środowiska.
Zobacz pliki źródłowe i szczegóły techniczne
Zapisana wersja, do której możesz wrócić
05-offset · LP15-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
assets/paper-detail.webp
assets/print-project.webp
assets/studio-review.webp
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
Cursor Agent · 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 / Opublikuj i podłącz
Co pozostaje poza edytorem?
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 →
