Jak zbudować stronę z Cursor Agent? Przerób szablon na własną stronę, pisząc agentowi, czego potrzebujesz.
Otwórz cały folder w lokalnym Cursor. Poproś Agent o wyjaśnienie projektu, dostarcz treści i sprawdź jedną konkretną zmianę w edytorze oraz przeglądarce.
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 / Wybierz kontekst
Jaki kontekst przekazać Agent na początku?
Poproś o wyjaśnienie struktury i znalezienie fragmentu do zmiany. Podaj tekst, nazwy plików lub sekcje i brief. Nie zakładaj widoczności brakujących zasobów.
Zaznaczone lokalnie na tym urządzeniu; nic nie jest wysyłane.
Zobacz pliki źródłowe i szczegóły techniczne
Rzeczywiste pliki projektu
02-primefolio · 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 one complete `index.html` for **Forma North — Independent digital design**. Use semantic HTML, one inline stylesheet and one inline classic JavaScript block at the end of the body. No framework, build step, package manager, bundler, JavaScript library or application backend is required. Implement the page and every state described below, including all six project stories, all three editorial notes, thirteen capabilities, the full-width studio menu and the local downloadable project brief.
03 / Konkretne polecenie
Jak uniknąć zlecenia przepisania całej strony?
Zleć edycję obecnej strony i wskaż elementy: zmień kolory, wymień te zdjęcia lub skróć ten nagłówek. Powiedz Agentowi, które sekcje i linki mają zostać, żeby pracował w wybranym projekcie.
›_ Przykład edycji z AIFormwell
Ty
W przygotowanej wersji Alder użyj jasnego liliowego tła i ciemnofioletowych tekstów. Zachowaj układ i treści.
AI · przykładowa odpowiedź
Przygotowany podgląd zmienia kolory tła i tekstów przy zachowaniu układu. Porównaj zakładki Kolory i Treść, a potem sprawdź czytelność na własnych tekstach.
Przygotowana rozmowa i wersje projektu. Bez połączenia z AI na żywo.
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ź oba widoki
Co zaakceptować po pracy Agent?
Sprawdź różnice w edytorze i stronę w przeglądarce. Pliki pokazują, co zmieniono; strona pokazuje efekt dla użytkownika.
01
Przeczytaj różnice
Sprawdź teksty, właściwe zdjęcia i ustalony zakres.
02
Sprawdź przeglądarkę
Sprawdź kadry, długie opisy, menu telefonu, okna i klawiaturę.
03
Popraw jeden zauważony problem
Opisz problem, zleć poprawkę i sprawdź ten sam widok.
Zobacz pliki źródłowe i szczegóły techniczne
Mała zmiana, którą możesz sprawdzić
02-primefolio/index.html · L53
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" class="hero-heading"><span>Clear thinking.</span><span>Fresh <span class="muted" style="display:inline">digital form.</span></span></h1>
Pierwsza przygotowana zmiana
<h1 id="hero-title" class="hero-heading"><span>Clear ideas.</span><span>Considered <span class="muted" style="display:inline">digital design.</span></span></h1>
Przygotowana kolejna zmiana
<h1 id="hero-title" class="hero-heading"><span>Clear ideas.</span><span>Design <span class="muted" style="display:inline">with purpose.</span></span></h1>
Oryginalny projekt · Primefolio
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 · 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 / Przywracanie
Do czego wrócić po nieudanej zmianie?
Wróć do zaakceptowanego folderu, wersji Git albo dostępnego checkpointu Agenta w zakresie, który obejmuje. Zleć przywrócenie odrzuconego fragmentu i zachowanie późniejszych zmian, które nadal Ci pasują. Potem otwórz stronę do kontroli.
Checkpoint Agent
Nie zakładaj, że obejmuje każdą ręczną zmianę lub działanie innego narzędzia.
Trwała historia
Zachowaj sprawdzone wersje i skontroluj pliki oraz stronę po przywróceniu.
Zobacz pliki źródłowe i szczegóły techniczne
Zapisana wersja, do której możesz wrócić
02-primefolio · LP20-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/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
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 / Poza Cursor
Co zorganizować poza sesją edytora?
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 →
