Misja 1 — Od domeny do działającej strony WWW

Uruchom swoją pierwszą działającą stronę internetową AI.

Połącz zarządzaną domenę w panelu, a następnie twórz bezpośrednio za pomocą Codex w WebTerminal lub najpierw sparuj OpenClaw z Telegram i wyślij z czatu to samo przekazanie uwzględniające instancję. Dowolna ze ścieżek zmieni Twój brief kreatywny w publiczną stronę internetową, którą możesz zweryfikować i udoskonalić.

Rezultat misji

Działająca strona HTTPS w podpiętej domenie, zbudowana w Twoim prywatnym, zarządzanym środowisku AI i gotowa do oceny przez mentora.

Wybierz interfejs sterowania

Pracuj bezpośrednio w WebTerminal lub działaj za pośrednictwem OpenClaw w Telegram.

Obie ścieżki korzystają z tej samej zarządzanej instancji, przekazania domeny, edytowalnego briefu kreatywnego, kontroli wydania i bramki weryfikacji mentora. Wybierz interfejs, który pomoże Ci łatwo zacząć i zachować pełną kontrolę.

Ścieżka bezpośrednia – bez dodatkowej konfiguracji

Buduj w WebTerminal

Użyj terminala o pełnej szerokości na tej stronie, gdy chcesz mieć natychmiastowy wgląd w polecenia, pliki, usługi i wyniki walidacji. Najpierw wklej dane przekazania instancji, a następnie edytowany brief witryny.

Kontynuuj w WebTerminal

Ścieżka przez Telegram – jednorazowa konfiguracja

Działaj z OpenClaw

Wolisz interfejs czatu? Najpierw ukończ OpenClaw Mission 0, aby zainstalować orkiestrator, sparować bota z Telegram i zweryfikować połączenie na żywo. Następnie wróć tutaj i wyślij to samo przekazanie instancji oraz edytowany brief przez sparowany czat OpenClaw.

1
Otwórz OpenClaw Orchestrator Lab i zarejestruj się samodzielnie.
2
Ukończ Mission 0 i zweryfikuj parowanie z Telegram od początku do końca.
3
Wróć do tej misji i wyślij to samo przekazanie oraz brief witryny z Telegram.

Rozpocznij OpenClaw Mission 0 Podgląd przewodnika OpenClaw

Zmienia się interfejs; kontrakt dostarczenia pozostaje ten sam. Opublikuj prawdziwą witrynę HTTPS, przeprowadź jej walidację i prześlij obiektywny dowód.

Przewodnik założyciela

Obejrzyj pełny proces od konfiguracji domeny do wdrożenia przed rozpoczęciem.

Nagranie w języku angielskim z napisami. Nagranie wykorzystuje prawdziwą zarządzaną domenę i rzeczywisty proces instancji; nie są pokazywane żadne dane uwierzytelniające ani prywatne dane uczestnika.

Otwórz dostępną transkrypcję

Rozdziały wideo

00:00Najpierw rezultat: gotowa, publiczna strona internetowa
00:24Podepnij zarządzaną domenę
01:03Skopiuj instrukcję przekazania instancji
01:15Przekaż wytyczne dla Codex i rozpocznij budowę
02:26Zweryfikuj HTTPS, wersję mobilną, dostępność i dowody

Twoja pięcioetapowa ścieżka operatora

1
Połącz domenę — wybierz uruchomioną instancję i podepnij nową zarządzaną domenę.
2
Skopiuj instrukcję przekazania — otwórz zakładkę Agent i skopiuj Instance Agent Handoff.
3
Przekaż wytyczne agentowi — wklej instrukcję przekazania i edytuj poniższe wymagania.
4
Uruchom — pozwól agentowi zbadać środowisko, zbudować, skonfigurować i opublikować stronę.
5
Zweryfikuj — otwórz publiczny URL i zgromadź obiektywne dowody wdrożenia.

Podepnij domenę w panelu nawigacyjnym

Użyj zakładki Domains dla uruchomionej instancji przypisanej do tej przestrzeni roboczej. Platforma odpowiada za publiczny DNS i TLS, natomiast agent instancji odpowiada za aplikację internetową i lokalną usługę WWW.

1
Otwórz panel Sell.Systems Automation i wybierz uruchomioną instancję ćwiczeniową.
2
Otwórz Domains, wprowadź unikalny pierwszy człon nazwy i wybierz agenthost.link dla tej misji.
3
Wybierz Plan domain i przejrzyj dokładny plan domeny i trasowania.
4
Wybierz Add domain i potwierdź żądanie w oknie potwierdzenia.
5
Poczekaj, aż status domeny zmieni się na aktywny. Nie zmieniaj ręcznie publicznych rekordów DNS.
6
Otwórz Agent, wybierz Instance Agent Handoff i skopiuj pełny prompt przekazania.

Otwórz panel Domains

Edytuj wytyczne dotyczące strony, a następnie wyślij je wraz z instrukcją przekazania instancji

Umieść instrukcję przekazania domeny powyżej tego promptu. Zastąp każde pole w nawiasach kwadratowych własnymi wytycznymi. Instrukcje są niezależne od wybranego agenta, mimo że ten kurs prezentuje proces z użyciem Codex CLI.

Jesteś agentem wykonawczym dla tej strony internetowej.

Przeczytaj https://github.com/SELLSYSTEMS/rules-for-creation-webdesign-websites-for-ai-agents/blob/main/AGENTS.md oraz każdy wymagany przez niego plik przed wprowadzeniem zmian w plikach. Użyj bieżącej przestrzeni roboczej i zarządzanej domeny dostarczonej w instrukcji przekazania instancji.

WYTYCZNE PROJEKTOWE - EDYTUJ KAŻDE POLE W NAWIASACH KWADRATOWYCH
- Nazwa robocza: [DODAJ NAZWĘ SWOJEJ STRONY LUB MARKI]
- Cel: [OPISZ RZECZYWISTĄ OFERTĘ LUB REZULTAT]
- Główna grupa docelowa: [OPISZ, DO KOGO JEST SKIEROWANA TA STRONA]
- Główna akcja: [OPISZ JEDNĄ AKCJĘ, KTÓRĄ POWINNI PODJĄĆ ODWIEDZAJĄCY]
- Wymagane sekcje: [WYMIEŃ SEKCJE, KTÓRYCH POTRZEBUJESZ]
- Ton i kierunek wizualny: [OPISZ STYL, ODNIESIENIA I STYLE, KTÓRYCH NALEŻY UNIKAĆ]
- Wymagane fakty i dowody: [DODAJ TYLKO FAKTY, KTÓRE MOŻESZ POTWIERDZIĆ]
- Wymagane języki: [WYMIEŃ JĘZYKI LUB WPISZ TYLKO ANGIELSKI]
- Dostarczone zasoby: [WYMIEŃ PRAWDZIWE LOGO, ZDJĘCIA, TEKSTY LUB WPISZ BRAK]
- Dodatkowe wymagania projektowe: [DODAJ WŁASNE POMYSŁY]

KONTRAKT WDROŻENIOWY
1. Przeanalizuj bieżący projekt, środowisko uruchomieniowe, dane przekazania domeny, istniejące pliki i aktywne usługi przed przystąpieniem do edycji.
2. Stwórz oryginalną, gotową do produkcji, responsywną stronę internetową z jednym kluczowym akcentem wizualnym istotnym dla produktu, a nie katalogiem efektów.
3. Używaj oryginalnych, wygenerowanych obrazów tylko tam, gdzie wspierają one przekaz. Nigdy nie generuj fałszywych dowodów, opinii, paneli nawigacyjnych, logo klientów ani stanów produktów.
4. Zachowaj istotne znaczenie w semantycznym kodzie HTML. Wdróż obsługę klawiatury, widoczny wskaźnik fokusa, obsługę preferencji ograniczonego ruchu (reduced motion), prawidłowe pokrycie czcionek/krojów pism oraz obsługę RTL dla każdego wymaganego języka.
5. Wdróż zgodne z faktami metadane title i description, kanoniczne adresy URL, metadane dla mediów społecznościowych, treści dostępne dla robotów, jak najprecyzyjniejsze i poprawne dane ustrukturyzowane, reguły robots oraz mapę witryny (sitemap), jeśli dotyczy.
6. Nie umieszczaj poufnych danych (secrets) w systemie kontroli wersji ani w plikach publicznych. Rejestruj źródło i podstawę wykorzystania każdego dostarczonego, wygenerowanego lub zewnętrznego zasobu.
7. Skonfiguruj lokalną aplikację lub usługę WWW dla domeny z przekazanych danych. Nie zmieniaj publicznych rekordów DNS ani TLS należących do platformy.
8. Zweryfikuj publiczny URL, HTTPS, układy dla komputerów i urządzeń mobilnych, dopasowanie tekstu, wymagane interakcje, błędy konsoli/sieci, podstawy dostępności, metadane, dane ustrukturyzowane oraz obsługę ograniczonego ruchu.
9. Prowadź prace od wdrożenia po weryfikację. Nie zatrzymuj się po przygotowaniu planu ani nie proś o ponowne sformułowanie zadania. Zadaj tylko jedno precyzyjne pytanie wyłącznie wtedy, gdy naprawdę brakuje nieodwracalnego wymagania.
10. Zakończ podaniem publicznego adresu URL, zmienionych plików, użytych poleceń/usług, dowodów walidacji, pochodzenia zasobów oraz rzetelnym opisem ewentualnego pozostałego ryzyka.

Zbuduj prawdziwą warstwę multimedialną, a nie dekoracyjny wypełniacz

Przewodnik demonstruje generowanie oryginalnych obrazów za pomocą Nano Banana 2, narrację z ElevenLabs oraz końcowy montaż za pomocą FFmpeg. Twoja strona może wykorzystywać najlepsze dostępne narzędzia, ale każdy opublikowany zasób musi być istotny, zweryfikowany, zoptymalizowany i pochodzić z rzetelnego źródła.

Nie przesyłaj zgłoszenia, dopóki te testy wdrożeniowe nie zakończą się sukcesem

Publiczny URL — podpięta domena otwiera docelową stronę internetową bez konieczności logowania i bez pętli przekierowań.
HTTPS — przeglądarka wskazuje prawidłowe, bezpieczne połączenie i brak ostrzeżeń o mieszanej zawartości.
Responsywny układ — rzeczywiste widoki na komputerach i urządzeniach mobilnych nie wykazują nakładania się elementów, obcinania tekstu ani poziomego przewijania.
Dostępność — nawigacja klawiaturą, widoczny wskaźnik fokusa, nagłówki, etykiety, kontrast, teksty alternatywne i obsługa ograniczonego ruchu są w pełni funkcjonalne.
Czytelność dla wyszukiwarek i LLM — semantyczny HTML, zgodne z faktami metadane, kanoniczny URL, dane ustrukturyzowane oraz treści dostępne dla robotów są zgodne z widoczną stroną.
Dowód — zrzuty ekranu i notatki pokazują rzeczywisty URL oraz zweryfikowany stan bez ujawniania sekretów ani prywatnych danych.

Ćwicz na własnym serwerze bez ograniczeń: strony internetowe, boty, treści i automatyzacje w jednym miejscu.

Uruchom AI Systems Free →