Szablon czy od zera / zacznij od projektu, który możesz zobaczyć
Alternatywa dla tworzenia strony od zera. Gotowy projekt i kod masz już przygotowane — zrób z nich stronę swojego biznesu.
Możesz wybrać układ, typografię i kierunek wizualny swojej strony jeszcze przed pierwszą zmianą. Szablony OneDollarStock dostarczają ten początkowy projekt i jego pliki źródłowe. Z pomocą AI dopasuj go do swojej strony zamiast opisywać każdy szczegół od początku.
Po lewej widzisz oryginalny szablon. Po prawej — interaktywny przykład z przygotowanymi zmianami w plikach. Rozmowa jest przykładowa; podgląd nie jest połączony z AI na żywo.
01 / Powód do zmiany
Dlaczego wybrać szablon OneDollarStock zamiast zaczynać od zera?
Zacznij tutaj, jeśli znajdujesz projekt pasujący do swojej strony. Układ, wygląd i interakcje są przygotowane, więc AI może pracować nad Twoimi treściami i zmianami. Możesz dalej przebudować szablon; całkowicie indywidualny projekt wymaga więcej pracy projektowej.
Przesuń, aby porównać →
Co jest dla Ciebie ważne
Budowa od zera
Szablony OneDollarStock
Zobacz początkowy projekt przed pierwszą zmianą
×Projekt trzeba dopiero stworzyć.
✓Obejrzyj układ, typografię i zdjęcia szablonu.
Zacznij od istniejącej struktury frontendu
×Stwórz strukturę strony dla swojego projektu.
✓Dołączony kod źródłowy już zawiera szablon.
Wybierz kolory, teksty, zdjęcia i układ
✓Określ własny projekt od początku.
✓Dopasuj początkowy projekt do swojej firmy.
Korzystaj z AI do tworzenia lub edycji strony
✓Opisz, co ma powstać, i sprawdź wynik.
✓Przekaż projekt z instrukcją i opisz zmiany.
Wybierz każdy szczegół projektu na pustej stronie
✓Ty określasz początkowy kierunek i strukturę.
×Ta droga zaczyna się od wybranego projektu.
Uzyskaj hosting i działające usługi z samego projektu
×Skonfiguruj i sprawdź wymagane usługi.
×Skonfiguruj i sprawdź wymagane usługi.
✓ Część opisanego punktu wyjścia. × Praca niedostarczana z tym punktem wyjścia. Porównujemy, od czego zaczynasz; to nie jest pomiar szybkości. Źródła: Kod i instrukcje Formwell, Podgląd oryginalnego projektu. Sprawdzone 1 października 2026 r.
Wybierz istniejący kierunek
Widzisz szablon pasujący do oferty i chcesz poświęcić pierwsze zmiany swoim treściom.
Stwórz nowy kierunek
Masz nietypowe wymagania dotyczące układu lub interakcji i chcesz samodzielnie zaprojektować początkową strukturę.
02 / Strona, której potrzebujesz
Czy mogę zbudować całą stronę z jednego prompta?
Tak. Szablon daje AI kompletny projekt strony: strukturę, wygląd i interakcje. Wklej do swojego AI dostarczony prompt lub RECREATE.md i dołącz pliki projektu oraz obrazy. Możesz też zacząć od gotowego HTML i od razu zlecać zmiany. Sprawdź rezultat; działające formularze, płatności czy CMS wymagają osobnego podłączenia.
NERRA
Projekt w redakcyjnym stylu dla marki kosmetycznej.
Użyj tego szablonu i RECREATE.md dla mojej firmy. Zachowaj projekt, a przykładową nazwę, ofertę i zdjęcia zastąp materiałami, które załączam.
AI · przykładowa odpowiedź
Oprę się na istniejącej strukturze, przypiszę Twoje treści do sekcji i wskażę brakujące teksty lub zdjęcia przed przygotowaniem podglądu.
Ty
Zostaw układ. Użyj moich opisów usług i skieruj główny przycisk do mojej strony rezerwacji.
Od szablonu do Twojej strony
Przekaż cały pakiet
Kod, instrukcję i dołączone pliki.
Dodaj treści firmy
Nazwę, ofertę, zdjęcia i adres głównego przycisku.
Otwórz rezultat
Sprawdź całą stronę i poproś o poprawki.
Dopasowujesz istniejący projekt strony, zamiast opisywać go od pustej kartki.
Przykładowy proces. Działania wykonujesz w swoim narzędziu AI.
Użyj dostarczonego kodu i instrukcji. Poproś AI o zachowanie projektu, zastąpienie przykładów Twoimi treściami i pokazanie całej strony. Dwa szablony powyżej pokazują różne projekty; opcjonalne demo edycji korzysta z Formwell.
Zmień nagłówek na nazwę mojej firmy, użyj załączonego logo i zrób główny przycisk ciemnozielony. Resztę projektu zachowaj.
AI · przykładowa odpowiedź
Znajdę nagłówek, logo i style przycisku w projekcie, a następnie przygotuję te zmiany. Zachowam obecne sekcje i pokażę podgląd.
Ty
Teraz skróć nagłówek na telefonie i skieruj przycisk do sekcji kontaktu.
Twoja pierwsza zmiana
Otwórz pliki szablonu
Przekaż agentowi folder i RECREATE.md.
Opisz efekt
Wskaż sekcję, nowy tekst, zdjęcie lub kolor.
Sprawdź i dopracuj
Otwórz podgląd na komputerze i telefonie.
Ty opisujesz zmianę; narzędzie AI edytuje pliki. Ty wybierasz rezultat.
Przykładowy proces. Działania wykonujesz w swoim narzędziu AI.
03 / Twoje pierwsze zmiany
Czy poradzę sobie samodzielnie?
Tak — zmiany tekstów, kolorów, zdjęć i układu opisujesz zwykłym językiem. Użyj narzędzia AI, które potrafi czytać i edytować pliki projektu. Rozpakuj szablon, otwórz folder w swoim agencie lub dołącz obsługiwane pliki do czatu, a potem napisz dokładnie, co zmienić. Otwórz podgląd i zlecaj poprawki, aż strona będzie pasować do Twojej firmy.
01
Otwórz pliki szablonu — Przekaż agentowi folder i RECREATE.md.
02
Opisz efekt — Wskaż sekcję, nowy tekst, zdjęcie lub kolor.
03
Sprawdź i dopracuj — Otwórz podgląd na komputerze i telefonie.
Własne funkcje, takie jak logowanie, płatności i dane na żywo, mogą wymagać dodatkowych usług lub pomocy technicznej.
Zobacz przygotowany przykład szablonu
AI ChatPrzykładowy proces
Pobrany pakiet · przykład Formwell
Ty
Rozpakowałem Formwell. Które pliki mam Ci przekazać i do czego służą?
AI · przykładowa odpowiedź
Przekaż cały folder. index.html to strona, RECREATE.md opisuje projekt, a assets/ zawiera używane obrazy. Przeczytam instrukcję razem z istniejącym kodem.
Ty
Użyj gotowej strony jako punktu wyjścia i zastąp przykładowe treści moimi.
Co pobierasz
Kod strony
Edytowalny HTML, style i interakcje.
Instrukcje AI
RECREATE.md dla wybranego projektu.
Dołączone pliki
Zachowaj obrazy i pozostałe zasoby razem z projektem.
Projekt strony, który zachowujesz i edytujesz w swoim narzędziu. Hosting i konto AI są osobno.
Przykładowy proces. Działania wykonujesz w swoim narzędziu AI.
04 / Co kupujesz
Co dokładnie otrzymam po zakupie?
Otrzymujesz edytowalny projekt strony i instrukcje dla AI. W sprawdzonym przykładzie Formwell plik index.html zawiera stronę, style i interakcje; RECREATE.md wyjaśnia projekt; assets/ zawiera cztery dołączone obrazy. Zawartość różni się między szablonami, więc sprawdź pakiet wybranego produktu. Zachowaj pliki na komputerze — możesz edytować je ze swoim AI lub przekazać osobie pomagającej w publikacji.
index.html Strona, CSS i JavaScript
RECREATE.md Instrukcje dotyczące projektu i działania
Opublikuj tę gotową stronę na Cloudflare Pages przez Wrangler. Najpierw powiedz, który folder wyślesz i jakich uprawnień potrzebujesz. Zapytaj przed publikacją lub zmianami domeny.
AI · przykładowa odpowiedź
Sprawdzę pliki strony i ustawienia hostingu, a potem poproszę o zalogowanie lub potrzebny dostęp. Pokażę plan przesłania plików. Po Twojej zgodzie mogę opublikować stronę i sprawdzić adres zwrócony przez Cloudflare.
Ty
Zacznij od adresu Cloudflare. Sprawdzimy tę wersję, zanim podłączymy moją domenę.
Pliki na komputerze → strona online
Przygotuj i zatwierdź
Potwierdź folder, konto hostingowe i publikację.
Opublikuj i sprawdź
Prześlij folder strony przez Wrangler i otwórz zwrócony adres.
Podłącz domenę
Przypisz domenę do projektu i zatwierdź zmiany DNS.
Agent AI może opublikować stronę, gdy dasz mu potrzebny dostęp i zgodę.
Przykładowa rozmowa o wdrożeniu. Ten czat na landingu nie publikuje strony.
05 / Publikacja strony
Jak opublikować projekt jako moją stronę?
Gdy strona Ci odpowiada, poproś agenta AI z dostępem do plików o publikację na Cloudflare Pages, Vercel lub innym odpowiednim hostingu. Agent potrzebuje projektu, dostępu do Twojego konta hostingowego i zgody przed przesłaniem plików lub zmianą ustawień domeny. Może użyć obsługiwanego CLI lub API, podać adres podglądu i pomóc podłączyć Twoją domenę.
Hosting to miejsce, w którym znajdują się pliki strony; domena to adres wpisywany przez odwiedzających. Zacznij od adresu podglądu hostingu, a po sprawdzeniu strony poproś agenta o podłączenie swojej domeny.
Zleć publikację AI
Przekaż odpowiedniemu agentowi folder strony, zatwierdzony dostęp do hostingu i zgodę. Może użyć Cloudflare Wrangler lub Vercel CLI i pomóc sprawdzić otrzymany adres.
Przekaż ZIP wsparciu hostingu
Zapytaj, czy firma hostingowa pomaga przy wdrożeniu, a potem wyślij gotowy projekt z instrukcją. Zakres pomocy i ewentualna opłata zależą od dostawcy.
Poproś programistę lub znajomego z IT
Wyślij cały projekt, dane domeny i wybraną usługę kontaktu lub rezerwacji. Ustalcie, kto wgrywa i sprawdza stronę.
Przed publikacją sprawdź kontakt lub rezerwacje. Sam wygląd formularza nie oznacza, że wysyła wiadomości.
AI ChatPrzykładowy proces
NERRA · kolejna aktualizacja
Ty
Tu są najnowsze pliki. Dodaj moją nową usługę i zmień adres e-mail w kontakcie. Zachowaj wygląd i domenę.
AI · przykładowa odpowiedź
Zapiszę kopię obecnej wersji, przygotuję obie zmiany i pokażę podgląd. Po Twojej zgodzie mogę zaktualizować istniejący projekt hostingowy z udostępnionym dostępem.
Ty
Pokaż też wersję mobilną, zanim opublikujemy aktualizację.
Aktualizacja tej samej strony
Użyj aktualnych plików
Uwzględnij zmiany od pierwszego pobrania.
Opisz kolejną zmianę
Dodaj treści, zastąp zdjęcia lub zmień układ.
Opublikuj sprawdzoną wersję
Wgraj ją do obecnego projektu hostingowego.
Kolejna aktualizacja rozwija Twoją stronę z jej aktualnymi treściami i adresem.
Przykładowy proces. Działania wykonujesz w swoim narzędziu AI.
06 / Kolejna zmiana
Czy mogę zmieniać stronę później?
Tak. Otwórz ten sam zapisany projekt, przekaż AI najnowsze pliki i napisz, co chcesz dodać lub zmienić. Zachowaj kopię obecnej wersji, sprawdź nowy podgląd i poproś agenta o publikację zatwierdzonej aktualizacji w tym samym projekcie hostingowym. Nie musisz ponownie kupować szablonu, żeby edytować ten projekt, a strona może zachować dotychczasowy adres.
Całkowity koszt to szablon lub dostęp PRO oraz wybrany plan AI, hosting, domena i podłączone usługi. Ceny szablonów i PRO są poniżej. Aby policzyć resztę, zapytaj agenta, jakich usług wymaga ta strona, i sprawdź ich aktualne opłaty. Prosta strona prezentacyjna i strona z płatnościami lub kontami użytkowników mają różne koszty.
Tu są treści obecnej strony i nowy szablon. Przenieś ofertę, sekcję o firmie i kontakt do nowego projektu. Zapisz ważne adresy na liście migracji.
AI · przykładowa odpowiedź
Przypiszę treści do sekcji szablonu, użyję dostarczonych oryginalnych zdjęć i wskażę braki. Wypiszę też potrzebne przekierowania i usługi do ponownego podłączenia.
Ty
Zostaw starą stronę online do czasu, aż zatwierdzę podgląd i kontakt będzie działał.
Przenieś treści, które chcesz zachować
Zbierz materiały
Aktualne teksty, oryginalne zdjęcia i ważne adresy.
Umieść je w szablonie
Zleć AI wymianę przykładów z zachowaniem projektu.
Przełącz po sprawdzeniu
Sprawdź treści, linki, usługi i przekierowania.
Twoje treści trafiają do nowego projektu. CMS, sklep i rezerwacje wymagają osobnego podłączenia.
Przykładowy proces. Działania wykonujesz w swoim narzędziu AI.
08 / Twoja obecna strona
Jak przenieść treści z obecnej strony do nowego szablonu?
Przekaż AI nowy szablon oraz teksty, oryginalne zdjęcia i ważne adresy podstron obecnej witryny. Agent z dostępem do plików może sprawdzić starą stronę, jeśli ma do niej dostęp; inaczej wklej treści lub dostarcz eksport. Poproś o przypisanie starych sekcji do nowego projektu, zastąpienie przykładów i wskazanie braków. Sprawdź linki i przekierowania ważnych adresów przed przełączeniem domeny.
01
Zbierz materiały — Aktualne teksty, oryginalne zdjęcia i ważne adresy.
02
Umieść je w szablonie — Zleć AI wymianę przykładów z zachowaniem projektu.
03
Przełącz po sprawdzeniu — Sprawdź treści, linki, usługi i przekierowania.
Treści CMS, dane sklepu i rezerwacje nie przenoszą się samym skopiowaniem projektu strony. Poproś agenta o listę usług do podłączenia i zachowaj starą stronę online do czasu sprawdzenia nowej.
Menu zasłania nagłówek na telefonie. Tu są projekt, RECREATE.md i zrzut ekranu. Napraw to, zachowując wersję na komputerze.
AI · przykładowa odpowiedź
Sprawdzę mobilne menu i odstępy, wyjaśnię przyczynę i przygotuję poprawkę. Pokażę mobilny podgląd, żebyś mógł go sprawdzić przed publikacją.
Ty
Powiedz, które pliki zmieniłeś, żebym zachował aktualną wersję.
Pomóż AI rozwiązać właściwy problem
Pokaż problem
Zrzut ekranu, urządzenie i oczekiwany efekt.
Dołącz projekt
Aktualne pliki i instrukcję projektu.
Sprawdź poprawkę
Oceń podgląd; w razie potrzeby poproś o pomoc przy integracji.
Dajesz AI kontekst do naprawy problemu zamiast przebudowy całej strony.
Przykładowy proces. Działania wykonujesz w swoim narzędziu AI.
09 / Gdy potrzebujesz pomocy
Co zrobić, jeśli utknę?
Przekaż AI najnowsze pliki projektu, RECREATE.md, zrzut ekranu i dokładny problem. Na przykład: „Menu zasłania nagłówek na telefonie. Napraw to bez zmiany wersji na komputerze”. Poproś o wyjaśnienie przyczyny, poprawkę i sposób jej sprawdzenia. Z pytaniami o pobranie lub pakiet zwróć się do OneDollarStock. Jeśli agent nie potrafi dokończyć własnej integracji, przekaż projekt i opis problemu programiście lub wsparciu hostingu.
Użyj załączonego projektu Formwell i instrukcji. Zastąp nazwę przykładowej firmy moją i użyj mojego koloru marki w głównych przyciskach.
AI · przykładowa odpowiedź
Przeczytam kod i instrukcję, przygotuję zmiany tekstu i koloru oraz pokażę podgląd. Możesz porównać go z oryginałem przed wyborem kolejnego projektu.
Ty
Teraz zastąp przykładowy wstęp moim akapitem.
Sprawdź przed wyborem
Pobierz i rozpakuj
Oryginalny projekt Formwell.
Skopiuj instrukcję
Przekaż AI instrukcję i pliki.
Dostosuj do siebie
Zmień nazwę, ofertę lub kolory i sprawdź podgląd.
Przetestuj pliki i prompt na prawdziwym projekcie przed zakupem.
Przykładowy proces. Działania wykonujesz w swoim narzędziu AI.
10 / Wypróbuj nowy sposób
Czy mogę sprawdzić ten sposób pracy przed zakupem?
Tak. Pobierz poniżej darmowy ZIP Formwell i rozpakuj go. Skopiuj pełne instrukcje AI, otwórz lub dołącz pliki projektu w swoim narzędziu i poproś o zmianę z użyciem treści swojej firmy. Możesz przetestować ten sam sposób edycji, zanim wybierzesz płatny projekt. Konto AI jest osobno.
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 →
