Przejdź do treści
GOTOWE SZABLONY STRON + AI

Twoja pierwsza strona. Wybierz gotowy projekt. Zmieniaj go, pisząc do AI.

Pobierz szablon z gotowym układem, obrazami i instrukcją. W narzędziu AI, które edytuje pliki, opisz własną nazwę, tekst lub kolor. Otwórz podgląd i sprawdź zmianę.

Claude · Codex/ChatGPT · Gemini · Cursor
VYNE → LENA
Oryginalna strona szablonu VYNE z dużą nazwą i obrazem w kolorze kobaltowym
AI ChatPierwsza zmiana: Twoja nazwa i tekst
Ty

Pracuj na załączonych plikach index.html i RECREATE.md z projektu VYNE. Zmień nazwę w górnym pasku i duży napis na początku strony na „LENA”. Pod dużą nazwą wpisz: „To moja pierwsza strona. Pokazuję tu to, co lubię tworzyć.” Dodaj pod tym zdaniem przycisk „Zobacz moje projekty”, który prowadzi do części z projektami. Zapisz zmieniony index.html i pokaż podgląd. Zachowaj pozostały układ i obrazy.

index.html · RECREATE.md
AI

W podglądzie zobaczysz nazwę LENA, nowe zdanie i przycisk prowadzący do projektów. Obejrzyj zmianę i zachowaj plik, aby móc wrócić do niego z kolejnym pomysłem.

Pracujesz w swoim narzędziu AI, które edytuje i zapisuje pliki strony.

Instrukcja do skopiowania

Oryginalny VYNE i przygotowany przykład pierwszej edycji. Zmieniono nazwę, zdanie i przycisk na początku; pozostałe treści pochodzą z fikcyjnego projektu. AI Chat to przykładowa rozmowa bez połączenia z AI na żywo.

Pliki projektu

Przekaż AI rozpakowany folder projektu. Jeśli narzędzie przyjmuje załączniki, dołącz pliki zgodnie z jego instrukcją.

index.htmlRECREATE.mdassets/
01 / CO ZROBIĆ Z POBRANYM SZABLONEM?

Pobierz. Przekaż pliki. Opisz zmianę.

Na pierwszą próbę wybierz jedną rzecz: nazwę lub krótkie zdanie. Zobaczysz, jak Twoje słowa zmieniają gotową stronę.

01

Pobierz i rozpakuj ZIP.

Otwórz podgląd wybranego szablonu. Po pobraniu rozpakuj ZIP i zachowaj cały folder. W VYNE znajdziesz index.html, RECREATE.md i folder assets.

02

Przekaż projekt swojemu AI.

Użyj narzędzia AI, które edytuje pliki. Otwórz w nim folder projektu lub dodaj pliki jako załączniki. Skopiuj instrukcję z przykładu i wpisz własną nazwę oraz zdanie.

03

Otwórz poprawiony plik.

Zapisz zmieniony index.html w folderze projektu. Kliknij go dwukrotnie, aby otworzyć stronę w przeglądarce. W VYNE obrazy i czcionka wymagają internetu. Możesz też użyć podglądu swojego AI, jeśli go udostępnia.

02 / MASZ PIERWSZĄ WERSJĘ. SPRAWDŹ KOLEJNĄ ZMIANĘ.

Inny napis i kolor? Opisz je w kolejnym zdaniu.

Wróć do zapisanej strony. Wskaż jeden przycisk i napisz, jak ma wyglądać. Potem porównaj nowy podgląd z poprzednim.

LENA
Przygotowany przykład VYNE z nazwą LENA, zdaniem o pierwszej stronie i przyciskiem Zobacz moje projekty
AI ChatPrzykładowa rozmowa
Ty

Zmień kolor akcentu na jasny fiolet (#b78cff). Na przycisku pod opisem zmień „Zobacz moje projekty” na „Zobacz, co tworzę”. Przycisk nadal ma prowadzić do projektów. Pokaż nowy podgląd.

AI

Przycisk pod opisem ma nowy tekst i jasnofioletowy kolor. Nadal prowadzi do projektów na tej stronie. Porównaj podglądy i kliknij przycisk, żeby sprawdzić link.

Dwie przygotowane wersje pierwszej edycji. Druga zmienia kolor akcentu i napis na przycisku; link prowadzi do projektów.
03 / WYBIERZ WYGLĄD, KTÓRY CHCESZ ZMIENIAĆ

Zacznij od strony, którą już możesz obejrzeć.

Otwórz pełny podgląd. Sprawdź układ, obrazy i przyciski. Wybierz projekt, który chcesz uzupełnić własną nazwą i treścią.

VYNE / pierwsza próba

VYNE / pierwsza próba

Duża nazwa, obrazy i gotowe części strony. Zacznij od zmiany pokazanej w przykładzie. VYNE możesz pobrać bezpłatnie.

Obejrzyj ten szablon
Primefolio / jasny wygląd

Primefolio / jasny wygląd

Jasna strona z pracami, opisem i rozwijanymi odpowiedziami. Wybierz ją, jeśli właśnie taki układ chcesz dopasować do siebie.

Obejrzyj ten szablon
Velora / strona produktu

Velora / strona produktu

Inny układ: duży nagłówek i widok przykładowego produktu. Obejrzyj ten wygląd, jeśli chcesz przygotować stronę przedstawiającą produkt lub pomysł.

Obejrzyj ten szablon
04 / CO DOSTAJESZ I CO ROBISZ SAMODZIELNIE

Gotowy układ strony. Twoje słowa i decyzje.

Projekt i instrukcja w pakiecie

  • Wybierasz istniejący projekt z układem, kolorami i obrazami.
  • Zmiany nazwy, treści lub koloru opisujesz zwykłymi zdaniami w AI, które edytuje pliki.
  • Zapisujesz kolejne wersje i otwierasz podgląd, aby zobaczyć, co się zmieniło.

Co jeszcze trzeba przygotować

  • Wybierasz narzędzie AI, przekazujesz mu pliki i sprawdzasz wynik jego pracy.
  • Publiczny adres strony wymaga osobnego hostingu i konfiguracji domeny.
  • Obsługa wiadomości, rezerwacji lub płatności wymaga wdrożenia albo podłączenia odpowiedniej usługi.

Sprawdź pierwszą zmianę na bezpłatnym VYNE.

Pobierz ZIP, rozpakuj pliki i wykonaj zmianę z przykładu. Zobacz swoją nazwę w podglądzie, zanim wybierzesz kolejny projekt.

Pobierz VYNE bezpłatnie

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.

Weź jeden projekt na pierwszą stronę albo bibliotekę, gdy chcesz próbować kolejnych pomysłów.

Pojedynczy szablon

Jeden gotowy projekt na Twoją pierwszą stronę.

138,97 PLN/ szablon

  • Wybrany projekt strony
  • Pliki źródłowe i instrukcje dla AI
  • Jednorazowa płatność
Wybierz mój pierwszy projekt

PRO Yearly

Do kolejnych pomysłów. Pełna biblioteka PRO w czasie 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

Biblioteka na kolejne pomysły. Stały dostęp do PRO z jedną płatnością.

Poprzednia cena2.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 PIERWSZYM POBRANIEM

Co warto wiedzieć na start?

Co dostanę po pobraniu szablonu?

Pliki gotowej strony i instrukcje do dalszej pracy. W VYNE paczka zawiera index.html, RECREATE.md i folder assets z obrazami. Rozpakuj ZIP i zachowaj cały folder. Zawartość pozostałych szablonów sprawdzisz na ich stronach produktu.

Czy poradzę sobie bez umiejętności kodowania i projektowania?

Zmianę nazwy, tekstu lub koloru możesz opisać zwykłym zdaniem w AI, które edytuje pliki. Gotowy szablon daje Ci układ i wygląd. Ty wybierasz zmianę, przekazujesz projekt i sprawdzasz podgląd. Pobierz bezpłatny VYNE, aby najpierw wypróbować tę pracę na małej zmianie.

Jakiego AI potrzebuję i co mam do niego dodać?

Wybierz narzędzie AI, które pracuje z plikami projektu i zapisuje poprawiony HTML. Otwórz w nim rozpakowany folder lub dołącz pliki zgodnie z jego instrukcją. W VYNE użyj index.html, RECREATE.md i dołączonych obrazów. Możliwości zależą od narzędzia i planu; AI wybierasz oraz opłacasz osobno.

Jak zobaczę stronę po zmianie?

Zapisz zmieniony index.html w folderze projektu i kliknij go dwukrotnie. Strona otworzy się w przeglądarce. VYNE pobiera obrazy i czcionkę z internetu, więc potrzebuje połączenia. Jeśli Twoje AI ma podgląd strony, możesz użyć także tego podglądu. Sprawdź tekst, obrazy i przyciski.

Czy taki podgląd mogę od razu wysłać komuś jako swoją stronę?

Plik otwarty na Twoim komputerze nie ma publicznego adresu. Aby udostępnić stronę w internecie, wybierz hosting, opublikuj pliki i skonfiguruj domenę. Te usługi są osobno. Przed publikacją sprawdź całą stronę; działające wiadomości, rezerwacje i płatności wymagają odpowiedniego wdrożenia lub podłączonej usługi.

Wybierz wygląd swojej pierwszej strony.

Gotowy projekt możesz obejrzeć już teraz. Potem dodaj swoją nazwę i pierwszą treść z pomocą AI.