Mission 1 – Von der Domain zur Live-Website

Starten Sie Ihre erste Live-KI-Website.

Verbinden Sie eine verwaltete Domain im Dashboard und entwickeln Sie direkt mit Codex im WebTerminal oder koppeln Sie zuerst OpenClaw mit Telegram und senden Sie dieselbe instanzbezogene Übergabe aus dem Chat. Beide Wege verwandeln Ihr Creative Brief in eine öffentliche Website, die Sie überprüfen und verbessern können.

Missionsergebnis

Eine funktionierende HTTPS-Website auf Ihrer verknüpften Domain, erstellt in Ihrer privaten verwalteten KI-Umgebung und bereit für die Mentor-Überprüfung.

Wählen Sie Ihre Steuerungsoberfläche

Arbeiten Sie direkt im WebTerminal oder agieren Sie über OpenClaw in Telegram.

Beide Wege nutzen dieselbe verwaltete Instanz, Domain-Übergabe, das bearbeitbare Creative Brief, Release-Prüfungen und das Mentor-Proof-Gate. Wählen Sie die Benutzeroberfläche, die Ihnen den Einstieg erleichtert und Ihnen die volle Kontrolle sichert.

Direkter Weg – keine zusätzliche Einrichtung

Im WebTerminal entwickeln

Nutzen Sie das Terminal in voller Breite auf dieser Seite, wenn Sie unmittelbare Sicht auf Befehle, Dateien, Dienste und Validierungsausgaben wünschen. Fügen Sie zuerst die Instanz-Übergabe ein und anschließend Ihr bearbeitetes Website-Briefing.

Im WebTerminal fortfahren

Telegram-fokussierter Weg – einmalige Einrichtung

Mit OpenClaw steuern

Bevorzugen Sie eine Chat-Oberfläche? Schließen Sie zuerst OpenClaw Mission 0 ab, um den Orchestrator zu installieren, Ihren Bot mit Telegram zu koppeln und die Live-Verbindung zu überprüfen. Kehren Sie danach hierher zurück und senden Sie dieselbe Instanz-Übergabe sowie das bearbeitete Briefing über Ihren gekoppelten OpenClaw-Chat.

1
Öffnen Sie das OpenClaw Orchestrator Lab und schreiben Sie sich selbst ein.
2
Schließen Sie Mission 0 ab und überprüfen Sie die Telegram-Kopplung Ende-zu-Ende.
3
Kehren Sie zu dieser Mission zurück und senden Sie dieselbe Übergabe sowie das Website-Briefing über Telegram.

OpenClaw Mission 0 starten Vorschau der OpenClaw-Anleitung anzeigen

Die Benutzeroberfläche ändert sich; der Liefervertrag bleibt gleich. Veröffentlichen Sie eine echte HTTPS-Website, validieren Sie diese und reichen Sie einen objektiven Nachweis ein.

Gründer-Walkthrough

Sehen Sie sich den vollständigen Domain-to-Delivery-Workflow an, bevor Sie beginnen.

Englisches Audio mit Untertiteln. Die Aufzeichnung verwendet eine echte verwaltete Domain und einen echten Instanz-Workflow; es werden keine Zugangsdaten oder private Lerndaten angezeigt.

Barrierefreies Transkript öffnen

Videokapitel

00:00Das Ergebnis zuerst: Die fertige öffentliche Website
00:24Verwaltete Domain verknüpfen
01:03Instanz-Handoff kopieren
01:15Codex briefen und erstellen
02:26HTTPS, Mobilansicht, Barrierefreiheit und Nachweise überprüfen

Ihr Operator-Pfad in fünf Schritten

1
Domain verbinden – Wählen Sie eine laufende Instanz aus und verknüpfen Sie eine neue verwaltete Domain.
2
Handoff kopieren – Öffnen Sie den Tab „Agent“ und kopieren Sie den Instance Agent Handoff.
3
Agenten briefen – Fügen Sie das Handoff ein und bearbeiten Sie die kreativen Anforderungen unten.
4
Starten – Lassen Sie den Agenten die Website prüfen, erstellen, konfigurieren und veröffentlichen.
5
Überprüfen – Öffnen Sie die öffentliche URL und erfassen Sie objektive Nachweise für das Release.

Binden Sie die Domain in Ihrem Dashboard ein

Verwenden Sie den Tab „Domains“ für die laufende Instanz, die zu diesem Praxis-Workspace gehört. Die Plattform verwaltet das öffentliche DNS und TLS; der Instanz-Agent verwaltet die Website-Anwendung und den lokalen Webdienst.

1
Öffnen Sie das Sell.Systems Automation Dashboard und wählen Sie die laufende Praxisinstanz aus.
2
Öffnen Sie „Domains“, geben Sie ein eindeutiges erstes Label ein und wählen Sie agenthost.link für diese Website-Mission.
3
Wählen Sie „Domain planen“ und überprüfen Sie die genaue Domain und den Routing-Plan.
4
Wählen Sie „Domain hinzufügen“ und bestätigen Sie die angeforderte Hinzufügung im Bestätigungsfenster.
5
Warten Sie, bis der Domain-Status aktiv ist. Ändern Sie das öffentliche DNS nicht manuell.
6
Öffnen Sie Agent, wählen Sie „Instance Agent Handoff“ und kopieren Sie den vollständigen Übergabe-Prompt.

Öffnen Sie das Domains-Dashboard

Bearbeiten Sie Ihr Website-Briefing und senden Sie es mit der Instanz-Übergabe

Lassen Sie die Domain-Übergabe über diesem Prompt. Ersetzen Sie jedes eingeklammerte Feld durch Ihre eigenen kreativen Anforderungen. Die Anweisungen sind agentenunabhängig, auch wenn dieser Kurs den Workflow mit Codex CLI demonstriert.

Sie sind der Implementierungs-Agent für diese Website.

Lesen Sie https://github.com/SELLSYSTEMS/rules-for-creation-webdesign-websites-for-ai-agents/blob/main/AGENTS.md und jede Datei, die darin gefordert wird, bevor Sie Dateien ändern. Verwenden Sie den aktuellen Workspace und die verwaltete Domain, die bereits in der Instanz-Übergabe bereitgestellt wurde.

KREATIV-BRIEFING - BEARBEITEN SIE JEDES EINGEKLAMMERTE FELD
- Arbeitstitel: [FÜGEN SIE IHREN WEBSITE- ODER MARKENNAMEN HINZU]
- Zweck: [BESCHREIBEN SIE DAS TATSÄCHLICHE ANGEBOT ODER ERGEBNIS]
- Hauptzielgruppe: [BESCHREIBEN SIE, FÜR WEN DIESE WEBSITE BESTIMMT IST]
- Hauptaktion: [BESCHREIBEN SIE DIE EINE AKTION, DIE BESUCHER AUSFÜHREN SOLLEN]
- Erforderliche Abschnitte: [LISTEN SIE DIE BENÖTIGTEN ABSCHNITTE AUF]
- Tonalität und visuelle Ausrichtung: [BESCHREIBEN SIE DAS GEFÜHL, REFERENZEN UND NO-GO-STYLES]
- Erforderliche Fakten und Belege: [FÜGEN SIE NUR FAKTEN HINZU, DIE SIE BELEGEN KÖNNEN]
- Erforderliche Sprachen: [LISTEN SIE SPRACHEN AUF ODER SCHREIBEN SIE NUR ENGLISCH]
- Bereitgestellte Assets: [LISTEN SIE ECHTE LOGOS, FOTOS, TEXTE AUF ODER SCHREIBEN SIE KEINE]
- Zusätzliche kreative Anforderungen: [FÜGEN SIE HIER IHRE EIGENEN IDEEN HINZU]

LIEFERVERTRAG
1. Überprüfen Sie das aktuelle Projekt, die Laufzeitumgebung, die Domain-Übergabe, vorhandene Dateien und aktive Dienste vor der Bearbeitung.
2. Erstellen Sie eine originelle, produktionsreife responsive Website mit einem produktrelevanten visuellen Schlüsselmoment („Signature Visual Moment“), nicht einem Katalog von Effekten.
3. Verwenden Sie original generiertes Bildmaterial nur dort, wo es das Thema unterstützt. Generieren Sie niemals gefälschte Belege, Kundenbewertungen, Dashboards, Kundenlogos oder Produktzustände.
4. Belassen Sie die wesentliche Bedeutung in semantischem HTML. Implementieren Sie Tastaturzugriff, sichtbaren Fokus, reduzierte Bewegung (reduced motion), korrekte Schriftart-/Schriftzeichensatz-Abdeckung und RTL-Verhalten für jede angeforderte Sprache.
5. Implementieren Sie faktische Titel- und Beschreibungs-Metadaten, kanonisches Verhalten, Social-Media-Metadaten, crawlbares Angebot, die präzisesten korrekten strukturierten Daten, Robots-Verhalten und Sitemap-Abdeckung, wo zutreffend.
6. Halten Sie Geheimnisse (Secrets) aus der Versionsverwaltung und öffentlichen Dateien fern. Dokumentieren Sie die Quelle und Nutzungsgrundlage jedes bereitgestellten, generierten oder Drittanbieter-Assets.
7. Konfigurieren Sie die lokale Anwendung oder den Webdienst für die Domain aus der Übergabe. Ändern Sie nicht das von der Plattform verwaltete öffentliche DNS oder TLS.
8. Validieren Sie die öffentliche URL, HTTPS, Desktop- und Mobil-Layouts, Text-Einfassung (Text Containment), erforderliche Interaktionen, Konsolen-/Netzwerkfehler, Barrierefreiheits-Grundlagen, Metadaten, strukturierte Daten und reduzierte Bewegung.
9. Fahren Sie mit der Implementierung und Überprüfung fort. Halten Sie nicht nach einem Plan an und bitten Sie mich nicht, die Aufgabe erneut zu formulieren. Stellen Sie nur dann eine präzise Frage, wenn eine unumkehrbare Anforderung wirklich fehlt.
10. Schließen Sie mit der öffentlichen URL, den geänderten Dateien, den verwendeten Befehlen/Diensten, den Validierungsnachweisen, der Herkunft der Assets und etwaigen ehrlichen verbleibenden Risiken ab.

Bauen Sie eine echte Medienschicht auf, kein dekoratives Füllmaterial

Die Anleitung demonstriert die Erstellung von Originalbildern mit Nano Banana 2, Sprachausgabe mit ElevenLabs und die finale Zusammenstellung mit FFmpeg. Ihre Website kann die besten verfügbaren Tools nutzen, aber jedes veröffentlichte Asset muss relevant, überprüft, optimiert und wahrheitsgemäß belegt sein.

Reichen Sie erst ein, wenn diese Freigabeprüfungen erfolgreich sind

Öffentliche URL – die angebundene Domain öffnet die vorgesehene Website ohne Login oder Weiterleitungsschleife.
HTTPS – der Browser zeigt eine gültige sichere Verbindung und keine Mixed-Content-Warnung an.
Responsives Layout – reale Desktop- und Mobilansichten weisen keine Überlappungen, Abschneidungen oder horizontalen Überläufe auf.
Barrierefreiheit – Tastaturnavigation, sichtbarer Fokus, Überschriften, Labels, Kontrast, Alt-Texte und reduzierte Bewegung sind nutzbar.
Suchmaschinen- und LLM-Lesbarkeit – semantisches HTML, faktische Metadaten, kanonische URL, strukturierte Daten und crawlbare Antworten stimmen mit der sichtbaren Seite überein.
Nachweis – Screenshots und Notizen zeigen die reale URL und den verifizierten Status ohne Secrets oder private Daten.

Uebe auf deinem eigenen Server ohne Limits: Websites, Bots, Content und Automatisierungen an einem Ort.

AI-Systeme kostenlos starten →