Vibecoding.
Websites mit einem Prompt bauen und ändern – im Stil des Kunden, mit Vorschau, Rückgängig und Übergabe.
Neue Seite
Baue eine Landingpage für die Herbstaktion mit Formular für Rückrufwünsche.
Fertig. Die Seite nutzt Farben und Schriften aus dem Style Guide der Musterfirma GmbH.
Rückfrage
Mach die Seite moderner.
Eine Rückfrage, bevor ich anfange: Meinst Du vor allem mehr Weißraum und größere Überschriften, oder sollen auch Farben und Bilder neu?
Schnellaktion
Schnellaktion „CTA schärfen“
Knopftext geändert, ohne Agenten-Lauf:
| Vorher | Nachher |
|---|---|
| Hier klicken für mehr Informationen | Rückruf anfordern |
- Bereich
- Web
- Für
- Agenturen und Teams, die Kunden-Websites bauen und pflegen
- Status
- Live
Was die App kann
In Vibecoding beschreibst Du, was die Seite braucht, und ein KI-Agent ändert HTML, CSS und JavaScript im Projektordner des Kunden.
Er hält sich dabei an den Style Guide und die Projekt-Regeln dieses Kunden.
Ist der Auftrag unklar, stellt Titus vorher genau eine Rückfrage. Jeder Lauf lässt sich rückgängig machen, die Vorschau funktioniert auch auf dem Handy. Kleine Änderungen wie Texte überarbeiten oder Abstände verdichten gehen per Schnellaktion. Fertig wird die Seite als ZIP oder Staging-Link übergeben.
- Seiten per Prompt bauen und ändern, im Stil des Kunden
- Eine Rückfrage vor dem Lauf, wenn der Auftrag unklar ist
- Schnellaktionen wie CTA schärfen, Farben angleichen, Abschnitt duplizieren
- Live-Vorschau, auch auf dem Handy
- Rückgängig je Lauf und Verlauf mit Wiederherstellen
- Übergabe als ZIP oder Staging-Link
Die Simulation oben zeigt drei Ansichten: Neue Seite, Rückfrage und Schnellaktion. Du kannst oben zwischen ihnen umschalten.
So setzt Du die App ein.
Landingpage für eine Aktion
Du beschreibst eine Seite für die Herbstaktion der Musterfirma GmbH. Der Agent baut sie in den Farben und Schriften aus dem Style Guide, Du prüfst sie in der Vorschau.
Frag TitusBaue eine Landingpage für die Herbstaktion mit Formular für Rückrufwünsche.
Feinschliff ohne Prompt
Der Button-Text ist zu lang, zwischen zwei Abschnitten ist zu viel Luft. Beides erledigst Du per Schnellaktion, ohne einen Agenten-Lauf.
Übergabe an den Kunden
Der Kunde soll vor dem Livegang schauen. Du erzeugst einen Staging-Link oder ein ZIP für seine Entwickler.
Datenbasis
Worauf die App aufbaut.
Die Seiten liegen als Dateien im Projektordner des Kunden. Titus merkt sich den Verlauf jedes Laufs und die Kosten im Nutzungsprotokoll.
Liest und schreibt
- Dateien im Projektordner des Kunden
- Style Guide und Projekt-Regeln des Kunden
- Verlauf der Läufe
So wird es besser
- Pflege den Style Guide des Kunden, dann trifft der erste Entwurf den Ton.
- Schreib Projekt-Regeln, etwa zu Tonalität oder verbotenen Elementen.
Voraussetzungen
- Ein verbundener KI-Anbieter, in der Cloud oder lokal
- Recht „Projekte schreiben“
- Ein Kundenordner mit Projektordner für die Website
Zugang
Titus kennenlernen.
Titus Vision gibt es im Moment auf Anfrage. Schreib uns kurz, wofür Du es einsetzen möchtest.