GOTOWY WYGLĄD. EDYTOWALNY HTML. INSTRUKCJA DLA AI.

Szablony stron do Twojego AI. Wybierz wygląd. Rozwijaj własną stronę w swoim narzędziu.

Pobierz wybrany projekt z edytowalnym HTML i RECREATE.md. AI dostaje istniejącą stronę i instrukcję jej wyglądu. Ty zlecasz konkretne zmiany, sprawdzasz podgląd i pracujesz dalej na zapisanych plikach.

Wybierz szablon do swojego AI Wybierz dostęp PRO

Claude Code · Codex · Cursor · Gemini CLI

Clearstead → Promptdesk

AI ChatSkrót przykładowego polecenia

Pracuj na załączonych index.html i RECREATE.md z Clearstead. Zmień nazwę na Promptdesk. Nagłówek: „Przeglądaj zmiany swojej strony w jednym miejscu.” Przycisk: „Zobacz przykład zmian”, do #features. Zastąp finansową grafikę statyczną ilustracją HTML z trzema obszarami strony i przykładowymi statusami. Panel przedstawia fikcyjny koncept, bez kont lub działającego systemu recenzji. Zachowaj dwukolumnowy układ, kolory i dolne sekcje. Zapisz plik i pokaż podgląd.

index.html · RECREATE.md

W podglądzie zobaczysz początek Promptdesk i statyczną ilustrację przeglądu strony. Porównaj ją z Clearstead. Zachowaj zapisany plik do kolejnej edycji.

Przygotowany skrót rozmowy. Przycisk kopiuje pełne polecenie edycji do użycia z plikami projektu. Brak połączenia z AI na żywo.

Pełne polecenie do skopiowania

Pracuj na załączonych plikach index.html i RECREATE.md z projektu Clearstead (14-clearstead). Zmień wyłącznie nazwę w górnym pasku i początek strony na fikcyjny Promptdesk. Nad nagłówkiem wpisz: „Fikcyjny koncept / podgląd projektu”. Nagłówek: „Przeglądaj zmiany swojej strony w jednym miejscu.”. Opis: „Promptdesk to fikcyjny koncept narzędzia do przeglądu projektów stron. Zobacz przykładowy układ, treści i kolejną wersję.”. Przycisk: „Zobacz przykład zmian”, z linkiem do #features. Pod nim: „Fikcyjny koncept produktu. Ilustracja zawiera przykładowe dane; nie obsługuje kont ani rzeczywistych recenzji.”. Zastąp finansową ilustrację panelu statyczną ilustracją HTML, bez kont, recenzji ani backendu. Dodaj nazwę Promptdesk i etykietę „Ilustracja / dane przykładowe”, tytuł „Przegląd strony”, notkę „Przykładowy projekt” oraz boczne etykiety „Przegląd”, „Pliki”, „Wersje”. Pokaż trzy obszary: „Strona główna” — „Do sprawdzenia”, „Hero” — „Nowy układ”, „Cennik” — „Nowy tekst”. W środku umieść przykładowy podgląd strony z tekstem „Twoja następna strona.” i nazwą index.html. U dołu panelu pokaż index.html i RECREATE.md. Zachowaj dwukolumnowy układ, kolory i wszystkie dolne sekcje źródłowej strony. Zapisz zmieniony index.html i pokaż podgląd.

Oryginalny Clearstead i przygotowany początek fikcyjnego Promptdesk. Zmieniono nazwę w górnym pasku, treść hero i ilustrację panelu. Dolne sekcje oraz kolory pochodzą z Clearstead. Panel to statyczna ilustracja z przykładowymi danymi; nie jest działającą aplikacją.

Pliki projektu

Otwórz cały rozpakowany folder w swoim narzędziu AI. Przekaż HTML, RECREATE.md i dołączone materiały.

index.htmlRECREATE.mdassets/

01 / WYGLĄD I PLIKI DO DALSZEJ PRACY

Pokaż AI projekt, który chcesz rozwijać.

Wybierz stronę, którą możesz już obejrzeć. Jej HTML i instrukcja dają AI konkretny projekt do edycji, a Tobie punkt odniesienia przy sprawdzaniu zmian.

HTML pokazuje projekt. RECREATE.md opisuje go dla AI.

Poniżej rzeczywisty fragment instrukcji dostarczonej z Clearstead. Ten plik opisuje budowę, wygląd i zachowanie źródłowego projektu. Udostępnij go agentowi razem z HTML i materiałami, aby pracować na wybranej stronie.

index.htmlIstniejąca strona, którą AI ma edytować.

RECREATE.mdSzczegółowa instrukcja odtworzenia wyglądu projektu.

assets/Dołączone materiały projektu.

Zawartość paczki sprawdzisz na stronie wybranego szablonu. Zachowaj kopię źródłowych plików przed edycją.

RECREATE.mdFragment źródłowego RECREATE.md / EN

Produce one `index.html`, containing all page markup, an inline stylesheet and one inline vanilla-JavaScript IIFE placed after the dialog. Use English. No framework, package manager, build step, bundler, external JavaScript, backend or persisted state.

Oryginalna instrukcja w paczce jest po angielsku. To fragment, nie pełna zawartość pliku.

02 / KOLEJNA ZMIANA W ZAPISANYM PROJEKCIE

Zleć zmianę. Porównaj efekt. Rozwijaj dalej.

Wróć do aktualnego pliku. Określ zakres kolejnej poprawki i elementy, które mają pozostać. Każdy podgląd pokazuje, czy AI wykonało Twoje polecenie.

Promptdesk

AI ChatPrzykładowe polecenie

Pracuj na zapisanym index.html projektu Promptdesk. Zmień tylko układ początku strony: wyśrodkuj nagłówek i opis nad panelem, a panel poszerz i ułóż pod tekstem. Na telefonie ułóż elementy jeden pod drugim. Zachowaj wszystkie teksty, statyczną ilustrację, przykładowe dane i kolory. Przycisk „Zobacz przykład zmian” nadal ma prowadzić do #features. Nie zmieniaj dolnych sekcji strony. Zapisz index.html i pokaż nowy podgląd.

Nagłówek i opis są teraz nad szerszym panelem. Treść, kolory i link przycisku pozostały takie same. Porównaj układy i sprawdź podgląd na telefonie.

Dwie przygotowane wersje fikcyjnego Promptdesk. Druga zmienia tylko układ hero: tekst jest na środku nad szerszym panelem. Treść, kolory, ilustracja i link #features są zachowane.

03 / WYBIERZ BAZĘ DO SWOJEJ STRONY

Najpierw wybierz to, co chcesz zobaczyć.

Porównaj trzy różne projekty. Zacznij od układu, który pasuje do Twojej strony, i zlecaj AI zmiany na jego plikach.

Clearstead / układ z panelem

Jasna strona produktu z dużą ilustracją interfejsu. W przykładzie zmieniamy jej początek i ilustrację, a potem układ nagłówka oraz panelu.

Wybierz ten szablon

Offset / portfolio z pracami

Duża typografia, obrazy i części poświęcone projektom. Wybierz ten układ, jeśli chcesz rozwijać stronę z własnymi pracami.

Wybierz ten szablon

Aveniq / ciemna strona produktu

Ciemny układ z ilustracjami panelu i pomarańczowymi akcentami. Możesz zacząć od tego wyglądu, gdy pasuje do Twojego pomysłu. Przedstawione funkcje to fikcyjny koncept.

Wybierz ten szablon

04 / ZACHOWAJ PLIKI. KONTYNUUJ W SWOIM NARZĘDZIU.

Kolejna sesja AI. Ten sam rozwijany projekt.

Zachowaj aktualny folder strony. W następnej sesji lub innym agencie udostępnij te pliki i opisz kolejną zmianę. Projekt i instrukcja pozostają Twoim punktem odniesienia.

Wybierz wygląd.

Otwórz pełny podgląd. Sprawdź układ, treści i zachowanie strony. Wybierz projekt odpowiadający temu, co chcesz zbudować.

Przekaż cały projekt.

Rozpakuj ZIP. Udostępnij swojemu AI plik HTML, RECREATE.md oraz dołączone materiały. Instrukcja opisuje wygląd; HTML pokazuje jego istniejącą wersję.

Zleć konkretną zmianę.

Napisz, co ma się zmienić i co chcesz zachować. Poproś o zapisanie pliku, otwórz podgląd i porównaj go z wybranym projektem.

Projekt i instrukcja w pakiecie

Pracujesz na zapisanym HTML i materiałach wybranego projektu.
Możesz kontynuować w narzędziu AI, któremu udostępnisz pliki do odczytu i edycji.
Claude Code, Codex, Cursor i Gemini CLI to przykłady narzędzi do pracy z plikami projektu.

Co jeszcze trzeba przygotować

Możliwości i sposób udostępniania plików zależą od narzędzia oraz planu. AI wybierasz i opłacasz osobno.
Po każdej edycji sprawdź podgląd, linki i zachowanie strony na telefonie.
Publiczny adres, wiadomości, rezerwacje i płatności wymagają osobnego hostingu lub wdrożenia odpowiednich usług.

Wypróbuj pracę na plikach z bezpłatnym Formwell.

Pobierz projekt, otwórz go w swoim AI i zleć jedną zmianę. Sprawdź podgląd oraz zapisany plik przed zakupem wybranego szablonu.

Pobierz Formwell bezpłatnie

BIBLIOTEKA SZABLONÓW

Wybierz projekt do pracy z Twoim AI.

Obejrzyj gotowy układ. Otwórz pliki w swoim narzędziu AI i rozwijaj wybrany projekt kolejnymi zmianami.

Zobacz pełny katalog

Szablony stron: 82

Savi Zobacz szablon

Rondist – Website Template for AI Agents

Rondist Zobacz szablon

Passer Zobacz szablon

Outer Light – Website Template for AI Agents

Outer Light Zobacz szablon

Osma Zobacz szablon

Nightglass – Website Template for AI Agents

Nightglass Zobacz szablon

Lark Zobacz szablon

Drumlin – Website Template for AI Agents

Drumlin Zobacz szablon

Aveniq Zobacz szablon

Novera Zobacz szablon

Aurelia Atelier – Website Template for AI Agents

Aurelia Atelier Zobacz szablon

Nivora Zobacz szablon

WYBIERZ SWÓJ DOSTĘP

Weź jeden szablon. Albo całą bibliotekę szablonów stron www, zdjęć, mockupów, presetów i wiele więcej — w jednym planie PRO.

Wybierz jeden projekt do dalszej pracy albo dostęp PRO, gdy chcesz sięgać po inne układy i materiały.

Pojedynczy szablon

Wybrany projekt i pliki do pracy w Twoim AI.

138,97 PLN/ szablon

Wybrany projekt strony
Pliki źródłowe i instrukcje dla AI
Jednorazowa płatność

Wybierz projekt do mojego AI

PRO Yearly

Pełna biblioteka PRO do kolejnych projektów podczas aktywnej subskrypcji.

718,74 PLN/ rok

Pełna biblioteka szablonów stron
Zdjęcia, mockupy, presety, LUT-y i tekstury
Rok dostępu do biblioteki PRO
Automatyczne odnowienie co rok. Możliwa rezygnacja w dowolnym momencie.

Specjalna oferta Lifetime

PRO Lifetime

Stały dostęp do biblioteki PRO na kolejne projekty za jednorazową płatność.

Poprzednia cena~~2.870,37 PLN~~

953,60 PLN/ jednorazowo

Pełna biblioteka szablonów stron
Zdjęcia, mockupy, presety, LUT-y i tekstury
Dostęp Lifetime do biblioteki PRO
Jedna płatność. Bez corocznych odnowień.

Ceny dla licencji Commercial Use. Cena i podatki są potwierdzane w koszyku. Narzędzie AI, domena i hosting są osobno.

05 / PRZED WYBOREM SZABLONU

Pliki, polecenia i dalsza praca.

Co kupuję: gotową stronę, HTML czy sam prompt?

Kupujesz pliki wybranego szablonu z istniejącym wyglądem strony. Pokazane projekty zawierają edytowalny HTML i RECREATE.md ze szczegółową instrukcją odtworzenia projektu. Zakres materiałów sprawdzisz na stronie produktu. Pobranie plików nie oznacza uruchomienia publicznej strony ani podłączenia usług.

Czy mogę pracować w Claude Code, Codex, Cursor lub Gemini CLI?

Możesz udostępnić projekt agentowi, który odczytuje, edytuje i zapisuje pliki. W Claude Code, Codex, Cursor lub Gemini CLI pracuj na rozpakowanym folderze zgodnie z instrukcją narzędzia. Sprawdź dostępne możliwości i swój plan. OneDollarStock dostarcza projekt; narzędzie AI wybierasz i opłacasz osobno.

Czy wystarczy wkleić krótkie polecenie?

Udostępnij AI osobno index.html, RECREATE.md oraz dołączone materiały. RECREATE.md zawiera szczegółową instrukcję wyglądu projektu. Przycisk kopiuje pełne polecenie edycji; rozmowa obok podglądu pokazuje jego skrót. Oba dotyczą zmian w istniejącej stronie.

Jak kontroluję wynik kolejnych zmian?

Pracuj na aktualnym pliku i określaj zakres polecenia: co zmienić oraz co zachować. Poproś o zapisanie edycji, otwórz podgląd i porównaj go z poprzednią wersją. Sprawdź także linki oraz widok na telefonie. Formularz lub przycisk w szablonie może przedstawiać przykładowy stan; obsługę prawdziwych wiadomości, płatności czy rezerwacji trzeba wdrożyć osobno.

Jak kontynuować po zmianie narzędzia AI?

Zachowaj aktualny folder projektu z HTML, instrukcją i materiałami. Udostępnij go następnemu narzędziu, które pracuje z plikami, i opisz kolejną zmianę. Samo przeniesienie projektu nie przenosi historii poprzedniej rozmowy. Przed dalszą pracą poproś nowego agenta o przeczytanie plików i sprawdź jego pierwszą edycję.