Misia 1 - Od domény k živej webovej stránke

Spusťte svoju prvú živú AI webovú stránku.

Pripojte spravovanú doménu v ovládacom paneli, potom tvorte priamo pomocou Codex vo WebTerminal alebo najprv spárujte OpenClaw s Telegramom a odoslite z chatu rovnaké odovzdanie s ohľadom na inštanciu. Ktorákoľvek z ciest premení vaše kreatívne zadanie na verejný web, ktorý môžete overiť a vylepšovať.

Výsledok misie

Fungujúca HTTPS webová stránka na vašej pripojenej doméne, vytvorená vo vašom súkromnom spravovanom prostredí AI a pripravená na hodnotenie mentorom.

Vyberte si ovládacie rozhranie

Pracujte priamo v WebTerminal alebo ovládajte cez OpenClaw v Telegram.

Obidve cesty používajú rovnakú spravovanú inštanciu, odovzdanie domény, upraviteľný kreatívny brief, kontroly vydania a overovaciu bránu mentora. Vyberte si rozhranie, ktoré vám pomôže začať a udržať si kontrolu.

Priama cesta – bez dodatočného nastavovania

Budujte v WebTerminal

Keď chcete mať okamžitý prehľad o príkazoch, súboroch, službách a výstupe validácie, použite terminál na celú šírku na tejto stránke. Najprv vložte odovzdanie inštancie a potom váš upravený webový brief.

Pokračovať v WebTerminal

Cesta cez Telegram – jednorazové nastavenie

Pracujte s OpenClaw

Uprednostňujete četové rozhranie? Najprv dokončite OpenClaw Mission 0, aby ste nainštalovali orchestrátor, spárovali svojho bota s Telegram a overili živé spojenie. Potom sa vráťte sem a pošlite rovnaké odovzdanie inštancie a upravený brief cez svoj spárovaný čet v OpenClaw.

1
Otvorte OpenClaw Orchestrator Lab a zapíšte sa.
2
Dokončite Mission 0 a overte spárovanie s Telegram od začiatku do konca.
3
Vráťte sa k tejto misii a pošlite rovnaké odovzdanie spolu s webovým briefom z Telegram.

Spustiť OpenClaw Mission 0 Zobraziť náhľad sprievodcu OpenClaw

Rozhranie sa mení, ale dodacia zmluva nie. Publikujte skutočnú HTTPS webstránku, overte ju a odovzdajte objektívny dôkaz.

Návod od zakladateľa

Skôr než začnete, pozrite si kompletný pracovný postup od domény po dodanie.

Zvuk v angličtine s titulkami. Nahrávka používa reálnu spravovanú doménu a reálny pracovný postup inštancie; nezobrazujú sa žiadne prihlasovacie údaje ani súkromné údaje študenta.

Otvoriť prístupný prepis

Kapitoly videa

00:00Najprv výsledok: hotová verejná webová stránka
00:24Pripojenie spravovanej domény
01:03Kopírovanie odovzdania inštancie
01:15Zadanie pre Codex a tvorba
02:26Overenie HTTPS, mobilnej verzie, prístupnosti a dôkazov

Vaša päťkroková cesta operátora

1
Pripojiť doménu - vyberte spustenú inštanciu a pripojte novú spravovanú doménu.
2
Skopírovať odovzdanie - otvorte kartu Agent a skopírujte Instance Agent Handoff.
3
Poučiť agenta - vložte odovzdanie a upravte kreatívne požiadavky nižšie.
4
Spustiť - nechajte agenta preskúmať, vytvoriť, nakonfigurovať a publikovať webovú stránku.
5
Overiť - otvorte verejnú URL a zachyťte objektívne dôkazy o vydaní.

Pripojte doménu vo svojom paneli

Použite kartu Domains pre spustenú inštanciu, ktorá patrí do tohto praktického pracovného priestoru. Platforma spravuje verejné DNS a TLS; agent inštancie spravuje webovú aplikáciu a lokálnu webovú službu.

1
Otvorte panel Sell.Systems Automation a vyberte spustenú praktickú inštanciu.
2
Otvorte Domains, zadajte unikátny prvý štítok a vyberte agenthost.link pre túto misiu webovej stránky.
3
Vyberte Plan domain a skontrolujte presnú doménu a plán smerovania.
4
Vyberte Add domain a potvrďte požadované pridanie v potvrdzovacom okne.
5
Počkajte, kým bude stav domény aktívny. Nemeniť verejné DNS manuálne.
6
Otvorte Agent, vyberte Instance Agent Handoff a skopírujte kompletnú výzvu na odovzdanie.

Otvoriť panel Domains

Upravte zadanie pre webovú stránku a potom ho pošlite s odovzdaním inštancie

Ponechajte odovzdanie domény nad touto výzvou. Nahraďte každé pole v zátvorkách vlastnými kreatívnymi požiadavkami. Pokyny sú nezávislé od agenta, aj keď tento kurz predvádza pracovný postup s Codex CLI.

You are the implementation agent for this website.

Read https://github.com/SELLSYSTEMS/rules-for-creation-webdesign-websites-for-ai-agents/blob/main/AGENTS.md and every file it requires before changing files. Use the current workspace and the managed domain already supplied in the instance handoff.

CREATIVE BRIEF - EDIT EVERY BRACKETED FIELD
- Working name: [PRIDAJTE NÁZOV VAŠEJ WEBOVEJ STRÁNKY ALEBO ZNAČKY]
- Purpose: [OPÍŠTE REÁLNU PONUKU ALEBO VÝSLEDOK]
- Primary audience: [OPÍŠTE, PRE KOHO JE TÁTO WEBOVÁ STRÁNKA URČENÁ]
- Primary action: [OPÍŠTE JEDNU AKCIU, KTORÚ BY MALI NÁVŠTEVNÍCI UROBIŤ]
- Required sections: [UVEDTE SEKCIE, KTORÉ POTREBUJETE]
- Tone and visual direction: [OPÍŠTE DOJEM, INŠPIRÁCIE A NEŽIADUCE ŠTÝLY]
- Required facts and proof: [PRIDAJTE IBA FAKTY, KTORÉ MÔŽETE PODLOŽIŤ]
- Required languages: [UVEDTE JAZYKY ALEBO NAPÍŠTE IBA ANGLIČTINA]
- Supplied assets: [UVEDTE REÁLNE LOGÁ, FOTOGRAFIE, TEXTY ALEBO NAPÍŠTE ŽIADNE]
- Additional creative requirements: [PRIDAJTE SEM VLASTNÉ NÁPADY]

DELIVERY CONTRACT
1. Inspect the current project, runtime, domain handoff, existing files, and active services before editing.
2. Create an original, production-ready responsive website with one product-relevant signature visual moment, not a catalogue of effects.
3. Use original generated imagery only where it supports the subject. Never generate fake proof, testimonials, dashboards, customer logos, or product states.
4. Keep the important meaning in semantic HTML. Implement keyboard access, visible focus, reduced motion, correct font/script coverage, and RTL behavior for every requested language.
5. Implement factual title and description metadata, canonical behavior, social metadata, crawlable content, the narrowest correct structured data, robots behavior, and sitemap coverage where applicable.
6. Keep secrets out of source control and public files. Record the source and usage basis of every supplied, generated, or third-party asset.
7. Configure the local application or web service for the domain from the handoff. Do not change platform-owned public DNS or TLS.
8. Validate the public URL, HTTPS, desktop and mobile layouts, text containment, required interactions, console/network errors, accessibility basics, metadata, structured data, and reduced motion.
9. Continue through implementation and verification. Do not stop after a plan or ask me to restate the task. Ask one precise question only if an irreversible requirement is truly missing.
10. Finish with the public URL, changed files, commands/services used, validation evidence, asset provenance, and any honest remaining risk.

Budujte reálnu mediálnu vrstvu, nie dekoratívnu výplň

Návod predvádza originálne generovanie obrázkov pomocou Nano Banana 2, hovorené slovo pomocou ElevenLabs a finálnu zostavu pomocou FFmpeg. Vaša webová stránka môže používať najlepšie dostupné nástroje, ale každý publikovaný podklad musí byť relevantný, skontrolovaný, optimalizovaný a pravdivo získaný.

Neodosielajte, kým neprejdú tieto kontroly vydania

Verejná URL - pripojená doména otvorí určenú webovú stránku bez prihlásenia alebo slučky presmerovania.
HTTPS - prehliadač zobrazuje platné bezpečné pripojenie a žiadne varovanie o zmiešanom obsahu.
Responzívne rozvrhnutie - reálne zobrazenia pre desktop a mobil nemajú žiadne prekrytie, orezanie ani horizontálne pretečenie.
Prístupnosť - navigácia klávesnicou, viditeľný fokus, nadpisy, štítky, kontrast, alternatívny text a znížený pohyb sú použiteľné.
Čitateľnosť pre vyhľadávanie a LLM - sémantické HTML, faktické metadáta, kanonická URL, štruktúrované dáta a prehľadávateľné odpovede sa zhodujú s viditeľnou stránkou.
Dôkazy - snímky obrazovky a poznámky zobrazujú reálnu URL a overený stav bez tajných údajov alebo súkromných dát.

Cvičte na svojom vlastnom serveri bez obmedzení: webové stránky, roboty, obsah a automatizácie na jednom mieste.

Spustite AI Systems Free →