Zum Inhalt
Anwendungsfall

Website mit einem KI-Agenten erstellen und veröffentlichen

Ein Monmo KI-Agent kann aus einem Briefing eine Website oder Landingpage erstellen. Er schreibt die Texte, erstellt die Seite mit MonstarX, dem App-Builder im selben Abo, prüft die Vorschau für Smartphone, Tablet und Desktop und behebt gefundene Fehler. Du prüfst die Vorschau und beschreibst Änderungswünsche in einfachen Worten. Die Veröffentlichung ist ein eigener Schritt und erfolgt erst nach deiner Freigabe.

Aktualisiert am 2026-11-13 · Kostenlos starten. Kostenpflichtige Tarife ab $15 im Monat.

Anwendungsfall

So erledigt es der Agent

  1. 01

    Er liest das Briefing und deine Materialien

    Sag ihm, wofür die Seite gedacht ist, wen sie ansprechen soll und was Besucher vor allem tun sollen. Er liest die Texte und Fotos in Google Drive sowie Farben, Schrift und Layout in deiner Figma-Datei.

  2. 02

    Er plant die Seite und schreibt die Texte

    Vor dem Erstellen schickt er einen kurzen Plan: die Reihenfolge der Abschnitte, zwei Überschriften, die Formularfelder und was nach einer Anmeldung passiert. Den Plan zu ändern, kostet einen Satz; eine fertige Seite zu ändern, kostet mehr.

  3. 03

    Er erstellt die Seite in MonstarX

    Mit deiner Freigabe startet er ein Projekt in MonstarX, dem App-Builder im selben Abo, und begleitet die Erstellung, bis ein Vorschaulink bereitsteht. Das Projekt bleibt in deinem MonstarX-Konto.

  4. 04

    Er prüft die Vorschau in drei Größen

    Der KI-Agent öffnet die Vorschau in seinem eigenen Browser in den Breiten für Smartphone, Tablet und Desktop. Er klickt auf jeden Link, sendet das Formular mit einer Testadresse ab, prüft die Texte auf Fehler und sucht nach abgeschnittenen oder überlappenden Elementen.

  5. 05

    Er behebt, was er findet

    Ein typischer Fund: Bei 360 Pixeln Bildschirmbreite verdeckt der Anmeldebutton das E-Mail-Feld. Der KI-Agent schlägt eine Lösung vor, überträgt sie nach deiner Freigabe ins Projekt, prüft alle drei Größen erneut und zeigt dir den Vorher-nachher-Vergleich.

  6. 06

    Du prüfst die Seite und wünschst Änderungen

    Öffne die Vorschau auf deinem eigenen Smartphone. Beschreibe Änderungen wie gegenüber einem Kollegen: Überschrift ändern, Formular nach oben verschieben, das zweite Foto verwenden. Jede Änderung wird ins Projekt übertragen und erneut geprüft.

  7. 07

    Er fragt vor der Veröffentlichung

    Eine Karte nennt die Adresse, unter der die Seite öffentlich erreichbar sein wird. Gibst du frei, geht die Seite online; lehnst du ab, ändert sich nichts. Der KI-Agent öffnet anschließend die veröffentlichte Seite und prüft, ob sie lädt und das Formular funktioniert.

Das Ergebnis

  • Eine Seite unter einer öffentlichen Adresse, die erst nach deiner Freigabe online geht
  • Ein Vorschaulink, den du vorher auf deinem Smartphone öffnen kannst
  • Ein Prüfbericht: Was für Smartphone, Tablet und Desktop getestet und was behoben wurde
  • Das Projekt in deinem MonstarX-Konto, an dem du oder der KI-Agent weiterarbeiten könnt

Wann er Sie fragt

Planen, Schreiben und Prüfen brauchen keine Freigabe. Bevor ein Projekt in MonstarX gestartet oder geändert wird, fragt der KI-Agent jedoch nach. Die Veröffentlichung hat immer eine eigene Karte mit der Adresse, die öffentlich wird. Erst nach deiner Freigabe wird die Seite veröffentlicht.

So formulieren Sie den Auftrag

  • Erstelle eine Launch-Seite für Ridge mit einem Formular für die Warteliste. Texte und Fotos liegen im Drive-Ordner Ridge launch, das Design ist in Figma. Prüfe die Seite in Smartphone-Größe und zeig mir die Vorschau, bevor du sie veröffentlichst.
  • Ändere die Überschrift zu „Heiß bis zum Gipfel“, verschiebe das Formular über die Fotos und prüfe das Smartphone-Layout erneut.
  • Unsere Preisseite liegt im GitHub-Repository fieldwork-site. Füge den neuen Team-Tarif hinzu, führe die Website zur Prüfung auf deinem Computer aus und frag mich, bevor du den Code pushst.

In Aktion ansehen

Ein beschleunigter Beispielablauf mit Beispieldaten. Sie können pausieren, vor- und zurückspringen oder selbst die Maus übernehmen.

Auf dem BildschirmMonstarX

Aufgabe wählen. Bei der Erledigung zusehen.

NikoEntwicklung
Beispielaufzeichnung
Heute 16:48
Erstellen Sie eine Launch-Seite für Ridge mit einem Wartelistenformular. Orientieren Sie sich an der Präsentation. Veröffentlichen Sie die Seite, sobald alle Tests bestanden sind.
Mache ich. Ich erstelle die Seite mit Wartelistenformular, teste sie auf Smartphone und Desktop und zeige Ihnen dann eine Vorschau.
Projekt ridge-launch auf dem eigenen Computer eingerichtet · 14 Dateien
Die Vorschau ist bereit. Ich habe drei Bildschirmgrößen getestet und einen Fehler gefunden: Auf kleinen Smartphones hat der Button das E-Mail-Feld verdeckt. Das ist behoben, und alle 12 Prüfungen sind bestanden.
Ändern Sie die Überschrift zu „Heiß bis zum Gipfel.“ und veröffentlichen Sie die Seite.
Sie haben den Upload zu MonstarX erlaubt
ridge.fieldwork.example veröffentlichen?
MonstarX
Warum
Veröffentlichen Sie die Launch-Seite.
Wo
MonstarX · Projekt ridge-launch
Was Sie erwartet
Die Seite wird unter dieser Adresse öffentlich zugänglich. Sie können die Veröffentlichung jederzeit rückgängig machen.
Einmalig erlaubt · Veröffentlicht
Die Seite ist live. Wartelistenanmeldungen werden zusammen mit der Website gespeichert. Ich gebe Ihnen Bescheid, sobald die ersten eingehen.
Website live · 12 von 12 Prüfungen
Computer von NikoAktiv

Ihr Team. Mit allem verbunden.

Ridge · Heiß bis zum Gipfel+
‹›↻ridge.fieldwork.example⋮
RIDGEGeschichte Details Warteliste
START AM 3. MÄRZ · JAPAN

Heiß bis zum Gipfel.

Eine 500 ml Flasche für den langen Weg nach oben.

Sie stehen auf der Listeharuka@yamato-outdoor.exampleAuf die Warteliste
12 hheiß
500 mlFassungsvermögen
¥4,800zum Start
LiveWartelistenformular ist live
AppsWed 24 Feb 16:48
Niko
Beobachtet· Website live · 12 von 12 Prüfungen
09 / 09

Beispielaufzeichnungen mit fiktiven Daten, beschleunigt abgespielt. Pausieren Sie, springen Sie zu einer beliebigen Stelle oder übernehmen Sie selbst die Maus.

FAQ

Häufige Fragen

Kann ein KI-Agent eine Website erstellen?

Ja. Ein Monmo KI-Agent nimmt ein Briefing entgegen, schreibt die Texte, erstellt die Seite mit MonstarX, testet die Vorschau für Smartphone, Tablet und Desktop und behebt gefundene Probleme. Du siehst dir die Vorschau an, beschreibst Änderungen in einfachen Worten und gibst die Veröffentlichung frei. Bei einer größeren Website kannst du jeweils eine Seite oder einen Abschnitt beauftragen, damit du alles einzeln prüfen kannst.

Was ist MonstarX und kostet es extra?

MonstarX ist der App-Builder, der zu Monmo gehört. Ein Abo deckt beide ab. Jedes Produkt hat ein eigenes Nutzungskontingent; die Erstellung wird auf das MonstarX-Kontingent angerechnet. Du autorisierst die Verbindung einmalig. Die Projekte des KI-Agenten liegen in deinem MonstarX-Konto, wo du sie selbst öffnen und per Chat weiterentwickeln kannst.

Kann der KI-Agent unser Markendesign übernehmen?

Ja, wenn du ihm das Design zeigst. Der KI-Agent liest Farben, Schriften, Abstände und Layout aus deiner Figma-Datei – über die Figma-Verbindung oder in seinem eigenen Browser – und übernimmt Logos und Fotos aus Google Drive. Nach der Erstellung vergleicht er die Seite mit dem Design-Frame und listet Unterschiede auf, die er nicht beheben konnte, damit du entscheiden kannst.

Testet der KI-Agent die Website auf einem Smartphone?

Er testet in Smartphone-Größe, nicht auf einem echten Smartphone. Der KI-Agent verkleinert seinen eigenen Browser auf Breiten wie 360 und 390 Pixel, sucht nach abgeschnittenem Text oder überlappenden Buttons und testet das Formular und jeden Link. Öffne die Vorschau vor der Freigabe zur Veröffentlichung auch auf deinem eigenen Gerät; das ist die letzte Prüfung.

Kann der KI-Agent eine bestehende Website bearbeiten?

Ja, wenn der Code für ihn erreichbar ist. Liegt deine Website in einem GitHub-Repository, kann der KI-Agent sie auf seinen eigenen Computer kopieren, die Änderung in einem Branch vornehmen, die Website zur Prüfung ausführen und einen Pull Request vorbereiten. Vor dem Push fragt er nach deiner Freigabe; das Mergen und Deployment erfolgen weiterhin nach eurem üblichen Prozess.

Ihre nächste Verstärkungkönnte heute anfangen.

Erstellen Sie Ihren ersten KI-Agenten in einer Minute. Der Einstieg ist kostenlos.