Projekty demonstracyjne · zastąp fikcyjne treści własnymi.
AI ChatPrzykładowy proces
Twoja historia
Ty
Czy możemy zmieścić ofertę, prace i kontakt na tej stronie, dodając podstrony tylko gdy potrzebne?
AI · przykładowa odpowiedź
Przekaż ofertę, przykłady oraz kontakt. Mogę umieścić je w sekcjach szablonu i przenieść lub dodać sekcję, jeśli treści wymagają innej kolejności.
Ułóż treści swojej strony
Zbierz materiały
Użyj opisów usług, obrazów projektów i danych kontaktowych.
Umieść w szablonie
Zleć AI zastąpienie przykładów i zachowanie potrzebnych elementów wyglądu.
Zmień kolejność lub dodaj stronę
Przenieś ważną informację wyżej albo utwórz podstronę, jeśli potrzebuje więcej miejsca.
Potem: przeczytaj stronę jak odwiedzający i znajdź ofertę oraz kontakt.
Przykładowa rozmowa, bez sesji AI na żywo.
01 / Twoja historia
Czy jedna strona odpowie na pytania odwiedzających?
Tak, jeśli Twoją ofertę da się przedstawić na stronie z sekcjami usług, prac, informacji o Tobie i kontaktu. Odwiedzający przewija ją lub korzysta z menu. Gdy potrzebujesz obszernych artykułów albo osobnych stron usług, możesz zlecić AI dodanie podstron.
Prezentacja firmy
Kilka powiązanych pytań może tworzyć jedną ciągłą ścieżkę.
Skupiona kampania
Landing skupia się na jednym działaniu kampanii; strony www opisuje budowę strony.
02 / Pełne układy
Która kolejność pasuje do Twoich treści?
W portfolio pokaż prace przed szczegółami o studiu, przy zajęciach ofertę i pierwszą wizytę, a przy produkcie wyjaśnij działanie przed FAQ. Szablony mają już różne kolejności. Wybierz tę, która najlepiej pasuje do Twoich treści.
Primefolio
Studio, prace, umiejętności, wartości i zakres. Dodaj prawdziwe projekty.
Aktualny pakiet sprawdzony 2 października 2026. Sprawdź wybrane pliki na stronie produktu.
index.html
RECREATE.md
assets/creator-blue.png
assets/creator-coral.png
assets/creator-lilac.png
assets/creator-mint.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.
Zobacz pliki źródłowe i szczegóły techniczne
Primefolio: Kolejność sekcji źródłowych
02-primefolio/ index.html · main section order
Rzeczywista kolejność w aktualnym HTML. Oryginalne angielskie nagłówki, nie propozycja nowego układu.
01 #hero — Clear thinking.Fresh digital form.
02 #studio-index — Inside this studio
03 #work — Selected studies
04 #studio — A small studio with a wide-angle view.
05 #capabilities — Designed forwhat comes next.
06 #values — ● What mattersGood design starts with a shared understanding. A clear question, room to explore and care in the details.
07 #scope — A clear scope.
08 #decisions — Behindthe decisions.
09 #collaboration — One direction. Many ways to bring it to life.
10 #faq — Good questions.
11 #notes — Studio notes
12 #contact — Let’s give yournext idea a form.
Morrow: Kolejność sekcji źródłowych
07-morrow/ index.html · main section order
Rzeczywista kolejność w aktualnym HTML. Oryginalne angielskie nagłówki, nie propozycja nowego układu.
01 #home — Make roomfor yourself.
02 #begin — Take it at your pace.
03 #unnamed — (visual section)
04 #classes — A little movement.A little space.
05 #studio — A shared space.Your own rhythm.
06 #retreat — A slower weekend.
07 #first-visit — You can start here.
08 #journal — A few thoughts onmoving, noticingand making space.
Relayline: Kolejność sekcji źródłowych
04-relayline/ index.html · main section order
Rzeczywista kolejność w aktualnym HTML. Oryginalne angielskie nagłówki, nie propozycja nowego układu.
01 #unnamed — Give every handoffa clear next step
02 #unnamed — (visual section)
03 #overview — Keep the contextwith the next step
04 #features — Small details. Clearer handoffs. Explore the building blocks of this fictional workspace.
05 #unnamed — The next person should be able to pick up the work without piecing together the whole story.
06 #scenarios — Different work.The same clear handoff.
07 #principles — Built around the personwho picks up next
08 #faq — FAQ
09 #try — A clear next step.Ready when you are.
Primefolio
Oryginalna strona źródłowa po angielsku z fikcyjną treścią. Otwórz całość i sprawdź kolejność oraz elementy sterowania.Otwórz pełny podgląd ↗
AI ChatPrzykładowy proces
Dopasowanie treści
Ty
Daj najważniejsze informacje najpierw, a długi opis tej usługi na osobnej stronie.
AI · przykładowa odpowiedź
Przekaż ofertę, przykłady oraz kontakt. Mogę umieścić je w sekcjach szablonu i przenieść lub dodać sekcję, jeśli treści wymagają innej kolejności.
Ułóż treści swojej strony
Zbierz materiały
Użyj opisów usług, obrazów projektów i danych kontaktowych.
Umieść w szablonie
Zleć AI zastąpienie przykładów i zachowanie potrzebnych elementów wyglądu.
Zmień kolejność lub dodaj stronę
Przenieś ważną informację wyżej albo utwórz podstronę, jeśli potrzebuje więcej miejsca.
Potem: przeczytaj stronę jak odwiedzający i znajdź ofertę oraz kontakt.
Przykładowa rozmowa, bez sesji AI na żywo.
03 / Dopasowanie treści
Ile musi zrozumieć odwiedzający?
Odwiedzający potrzebuje wiedzieć, co oferujesz, czy to dla niego, jak wyglądają Twoje prace i jak się skontaktować. Zacznij od tych odpowiedzi. Gdy jeden temat wymaga długiego opisu, poproś AI o osobną podstronę i link z głównej strony.
Zaznaczone lokalnie na tym urządzeniu; nic nie jest wysyłane.
Ten sam przygotowany brief
Miejsca w źródle
Dopasowanie treści
Co trzeba zmienić
Primefolio: dwie usługi, trzy projekty, trzy etapy, FAQ i kontakt
#capabilities → #work → #scope → #faq → #contact
Istniejące kompetencje, opisy prac i zakres dają miejsce każdej pozycji.
Zastąp fikcyjne studio i prace własną rolą oraz materiałami. Podłącz kontakt; długie opisy mogą dostać osobne strony.
Morrow: te same pięć grup treści
#classes → #studio → #begin → #first-visit
Karty zajęć można przerobić na dwie usługi; początek i pierwsza wizyta opiszą przygotowanie i proces.
Dodaj dowody projektowe i ogólne FAQ. Usuń niepasujące zdjęcia zajęć/wyjazdu i sugestie lokalizacji.
Funkcje i scenariusze dają bloki, ale historia produktu jest inna niż portfolio usług.
Zmień język stanów produktu, dodaj kontekst prac i odbierany kontakt. Dla tego briefu potrzeba więcej zmian niż w Primefolio.
Ułóż własne treści przed wyborem
Porównanie używa przykładowego briefu niezależnego konsultanta. Zastąp go swoimi treściami. Arkusz niczego nie zapisuje i nie ocenia szablonów automatycznie.
AI ChatPrzykładowy proces
Nawigacja i szczegóły
Ty
Sprawdź menu i szczegóły projektów, żeby odwiedzający trafiał we właściwe miejsce i wracał.
AI · przykładowa odpowiedź
Mogę sprawdzić linki menu i okna szczegółów: cel sekcji, zamykanie oraz powrót do otwierającego elementu. Jeśli projekt potrzebuje własnego linku, możemy dodać osobną podstronę HTML.
Sprawdź menu i szczegóły
Użyj menu
Sprawdź widoczność sekcji bez zasłonięcia przez nagłówek.
Otwórz i zamknij szczegóły
Sprawdź zamknięcie, Escape i powrót do przycisku projektu.
Dodaj potrzebny adres
Zleć osobną podstronę projektu, jeśli ma mieć własny link do udostępnienia.
Potem: użyj menu oraz szczegółów na telefonie i komputerze.
Przykładowa rozmowa, bez sesji AI na żywo.
04 / Nawigacja i szczegóły
Czy odwiedzający dotrze do szczegółów i wróci?
Menu może przenosić do sekcji, a przyciski projektów otwierać okna szczegółów. Poproś AI o sprawdzenie, czy menu zamyka się po kliknięciu, a szczegóły dają się zamknąć. Jeśli projekt ma mieć własny link do udostępnienia, utwórz dla niego osobną podstronę.
Zwięzły szczegół
Okno może utrzymać krótki opis pracy wewnątrz strony.
Rozbudowana lub udostępniana treść
Zaplanuj nowe adresy, jeśli artykuł lub studium przypadku potrzebuje własnego URL.
Primefolio: rzeczywisty test sterowania desktopowego
W desktopowym Chrome przy 1118×958 link menu zmienił URL na #work i zamknął menu. Serein pokazał pytanie i kierunek; Escape zamknął dialog i oddał fokus przyciskowi projektu. Ten test nie obejmuje mobile, dotyku ani wszystkich odstępów kotwic.
Mogę edytować dostarczony HTML, używając Twoich treści i obrazów. Napisz, co zmienić i co zachować. Potem możemy otworzyć podgląd i go dopracować.
Dostosuj szablon do swojej strony
Użyj aktualnego folderu
Pracuj na plikach ostatnio opublikowanej strony, żeby zachować wcześniejsze zmiany.
Opisz, co się zmieniło
Przekaż AI nowe informacje i wskaż sekcję lub element do aktualizacji.
Sprawdź i opublikuj
Otwórz zmienioną stronę i wgraj aktualny projekt na dotychczasowy hosting.
Potem: sprawdź swoje treści w podglądzie zmienionej strony.
Przykładowa rozmowa, bez sesji AI na żywo.
05 / Zmiana strony
Czy mogę później rozwijać tę stronę?
Tak. Zachowaj aktualny folder projektu i zleć AI dodanie usługi, sekcji lub osobnej podstrony w obecnym stylu. Sprawdź podgląd i opublikuj nowe pliki. Rozwijasz własną stronę, zamiast za każdym razem zaczynać od nowego projektu.
Zobacz przygotowany przykład szablonu
›_ Przykład edycji z AIFormwell
Ty
Dodaj nową usługę do istniejącej sekcji usług i zachowaj styl.
AI · przykładowa odpowiedź
Przygotowany przykład Formwell dodaje usługę do obecnej strony. Sprawdź treści, odstępy i nawigację przed publikacją własnej zmiany.
Przygotowana rozmowa i wersje projektu. Bez połączenia z AI na żywo.
AI ChatPrzykładowy proces
Od plików do strony
Ty
Skończyłem edycję. Pomóż opublikować folder na Cloudflare albo przygotuj ZIP dla hostingu.
AI · przykładowa odpowiedź
Mogę przygotować kompletny folder i wgrać go przez CLI lub API Cloudflare po udzieleniu dostępu do konta. Zachowamy index.html i ścieżki zasobów. Potem możemy otworzyć otrzymany adres i podłączyć domenę.
Opublikuj gotową stronę
Przygotuj folder
Zachowaj gotowy HTML, skrypty i zasoby w ich dotychczasowych położeniach.
Udziel dostępu do publikacji
Użyj swojego konta Cloudflare lub Vercel i pozwól agentowi wdrożyć stronę przez CLI lub API.
Otwórz publiczny adres
Sprawdź stronę online, dodaj domenę i przetestuj linki, zdjęcia oraz kontakt.
Alternatywa: przekaż pełny ZIP pomocy hostingu lub osobie IT i zapytaj o wgranie strony oraz podłączenie domeny.
Przykładowa rozmowa, bez sesji AI na żywo.
06 / Od plików do strony
Co dodaję przed publikacją online?
Dodaj swoje treści, podłącz kontakt lub rezerwacje, a potem opublikuj kompletny folder na własnym hostingu. Uprawniony agent AI może wdrożyć go na Cloudflare lub Vercel. Możesz też przekazać pełny ZIP pomocy hostingu lub osobie IT. Zachowaj strukturę folderów.
Pliki strony + instrukcje projektu
Zleć publikację agentowi AI
Poproś o wdrożenie gotowego projektu na Cloudflare lub Vercel, udzielając dostępu do swojego konta.
Albo przekaż ZIP
Wyślij kompletny folder w ZIP pomocy hostingu lub osobie IT i zapytaj, czy pomogą go opublikować.
Otwórz publiczną stronę
W razie potrzeby podłącz domenę, a potem sprawdź obrazy, telefon, linki i kontakt na publicznym adresie.
Wybierz projekt, którego sekcje pasują do Twoich treści, i sprawdź pliki oraz licencję na stronie produktu. Możesz zacząć od szablonu i później dodawać podstrony. Osobny CMS przyda się, gdy chcesz panel publikowania zamiast aktualizowania plików z AI.
Czy szablon zawiera CMS lub blog?⌃
Nie ma wbudowanego panelu publikowania. Możesz dodawać podstrony lub artykuły, zlecając AI edycję projektu i publikację plików. Przy wielu autorach korzystających z panelu podłącz osobny CMS.
Czy później dodam więcej stron?⌃
Tak. Poproś AI o kolejną stronę HTML w projekcie, użycie obecnego stylu i linki w menu. Sprawdź podgląd oraz wgraj nowy folder na ten sam hosting.
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 →
