Beispieldesigns · ersetze die fiktiven Inhalte durch deine eigenen.
AI ChatBeispielablauf
Beispielablauf · dein Projekt
Du
Was sollen Kunden verstehen und tun?
KI · Beispielantwort
Besucher sollen sofort verstehen, was du anbietest, für wen und wie sie dich erreichen. Gib der KI einige Sätze zum Unternehmen und lasse Einleitung, Leistungen und Kontakt im gewählten Template ausarbeiten.
Du
Ich betreibe ein kleines Studio. Plane eine Seite mit Leistungen, Zielgruppe und Kontakt. Frage nach fehlenden Angaben.
KI · Beispielantwort
Nenne Leistungen, Zielgruppe, Standort und Kontakt. Bitte die KI um Einleitung, Leistungsbeschreibungen und Kontaktbereich auf dieser Grundlage.
Nächste Schritte
Beschreibe dein Unternehmen
Nenne Leistungen, Zielgruppe, Standort und Kontakt.
Ordne die Inhalte
Bitte die KI um Einleitung, Leistungsbeschreibungen und Kontaktbereich auf dieser Grundlage.
Ergänze fehlende Angaben
Ergänze Öffnungszeiten, Preise und Fotos, sobald sie vorliegen.
Unternehmensbeschreibung und Inhalte für das Template.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
01 / Dein Angebot
Was sollen Kunden verstehen und tun?
Besucher sollen sofort verstehen, was du anbietest, für wen und wie sie dich erreichen. Gib der KI einige Sätze zum Unternehmen und lasse Einleitung, Leistungen und Kontakt im gewählten Template ausarbeiten.
Beschreibe dein Unternehmen
Nenne Leistungen, Zielgruppe, Standort und Kontakt.
Ordne die Inhalte
Bitte die KI um Einleitung, Leistungsbeschreibungen und Kontaktbereich auf dieser Grundlage.
Ergänze fehlende Angaben
Ergänze Öffnungszeiten, Preise und Fotos, sobald sie vorliegen.
Unternehmensbeschreibung und Inhalte für das Template
Trage deine Angaben ein. Kopiere oder lade die Notiz zur Arbeit mit KI herunter.
AI ChatBeispielablauf
Beispielablauf · dein Projekt
Du
Welche Inhalte kannst du verlässlich veröffentlichen?
KI · Beispielantwort
Ergänze Leistungen, Standort, Öffnungszeiten, Kontaktdaten und eigene Fotos oder andere veröffentlichbare Materialien. Wenn Texte fehlen, beschreibe der KI dein Unternehmen und überarbeite ihren Entwurf für die Website.
Du
Hier sind meine Texte, mein Logo und meine Fotos. Ersetze damit die Template-Beispiele und nenne Stellen, für die noch Inhalte fehlen.
KI · Beispielantwort
Lege Texte und Bilder im Projektordner ab. Nenne der KI Dateinamen und die zugehörigen Bereiche.
Nächste Schritte
Sammle Materialien
Lege Texte und Bilder im Projektordner ab.
Ersetze Beispiele
Nenne der KI Dateinamen und die zugehörigen Bereiche.
Prüfe die ganze Seite
Prüfe, ob Beispielnamen, Bewertungen oder alte Kontaktdaten übrig sind.
Eine Seite mit deinen Inhalten und Fotos.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
02 / Deine Inhalte
Welche Inhalte kannst du verlässlich veröffentlichen?
Ergänze Leistungen, Standort, Öffnungszeiten, Kontaktdaten und eigene Fotos oder andere veröffentlichbare Materialien. Wenn Texte fehlen, beschreibe der KI dein Unternehmen und überarbeite ihren Entwurf für die Website.
Lokal auf diesem Gerät markiert; nichts wird übermittelt.
03 / Layout wählen
Welches Design passt zu deinem Unternehmen?
Wähle für Dienstleistungen ein Layout mit Angebot und Kontakt, für ein Studio Platz für Fotos und Kurse und für Beratung Kompetenzen und Arbeiten. Sieh dir die Designs unten an und wähle eines, das zu deinen Inhalten passt.
Morrow
Kurse und Studioinformationen; Buchungen sind separat.
Aktueller Download geprüft am 2. Oktober 2026. Prüfe die ausgewählten Dateien auf der Produktseite.
index.html
RECREATE.md
assets/creator-blue.png
assets/creator-coral.png
assets/creator-lilac.png
assets/creator-mint.png
Einige Ressourcen können von externen URLs geladen werden. Prüfe dein gewähltes Projekt vor der Veröffentlichung.
Beispieldesigns · ersetze die fiktiven Inhalte durch deine eigenen.
AI ChatBeispielablauf
Beispielablauf · dein Projekt
Du
Was wird geändert und was prüfst du?
KI · Beispielantwort
Die KI kann Texte, Farben, Bilder, Layout und Code nach deinen Anweisungen ändern. Du beschreibst das Unternehmen und beurteilst das Ergebnis.
Du
Öffne die Template-Dateien und RECREATE.md. Ändere Einleitung, Farben und Bilder nach meinem Briefing. Behalte die Abschnittsstruktur.
KI · Beispielantwort
Entpacke den Download und öffne den Ordner in einem KI-Tool mit Dateizugriff. Beschreibe, welche Texte, Farben, Bilder und Bereiche sich ändern sollen.
Nächste Schritte
Übergib das Projekt
Entpacke den Download und öffne den Ordner in einem KI-Tool mit Dateizugriff.
Beschreibe Änderungen
Beschreibe, welche Texte, Farben, Bilder und Bereiche sich ändern sollen.
Prüfe die Vorschau
Öffne das Ergebnis am Computer und Smartphone und beschreibe weitere Korrekturen im Chat.
Deine eigene Version des gewählten Designs zur Vorschau.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
04 / Anpassen
Was wird geändert und was prüfst du?
Die KI kann Texte, Farben, Bilder, Layout und Code nach deinen Anweisungen ändern. Du beschreibst das Unternehmen und beurteilst das Ergebnis. Zum Beispiel: „Ersetze die Einleitung durch meine Leistungen und verwende meine Logofarben.“
Quelldateien und technische Details ansehen
Was tatsächlich geändert wurde
07-morrow / index.html · LP34-de-source-edit.diff
Vorbereitete Beispielbearbeitung; eigene Daten ergänzt du mit KI. Kein Ergebnis eines externen KI-Laufs.
Bewegung und Raum für deinen Alltag.
Fiktives Bewegungsstudio für Erwachsene. Dieser Einstieg erklärt das Konzept; Kursdaten, Ort, Preise und echtes Anfrageziel fehlen noch.
Vorher · 07-morrow
Vorbereitete Beispielbearbeitung; eigene Daten ergänzt du mit KI. Kein Ergebnis eines externen KI-Laufs.Ganze Vorschau öffnen ↗
Nachher · begrenzter Northline Movement-Entwurf
Vorbereitete Beispielbearbeitung; eigene Daten ergänzt du mit KI. Kein Ergebnis eines externen KI-Laufs.Ganze Vorschau öffnen ↗
Anfragen gehen an das verbundene Ziel: Postfach, Formulardienst oder Buchungskalender. Am einfachsten beginnst du mit einem E-Mail-Button.
Du
Ich möchte Anfragen in meinem Postfach erhalten. Schlage einen E-Mail-Link oder Formulardienst vor und sage, was du zum Verbinden brauchst.
KI · Beispielantwort
Nenne E-Mail-Adresse, Buchungslink oder gewünschten Formulardienst. Bitte die KI, Button oder Formular einzurichten, und autorisiere nötigen Dienstzugriff.
Nächste Schritte
Wähle das Ziel
Nenne E-Mail-Adresse, Buchungslink oder gewünschten Formulardienst.
Beauftrage die Verbindung
Bitte die KI, Button oder Formular einzurichten, und autorisiere nötigen Dienstzugriff.
Sende eine Testanfrage
Prüfe Postfach oder Dienst-Dashboard sowie die Bestätigung nach dem Absenden.
Ein Kontaktweg zum gewählten Empfänger.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
05 / Kontakt einrichten
Wohin geht die Anfrage?
Anfragen gehen an das verbundene Ziel: Postfach, Formulardienst oder Buchungskalender. Am einfachsten beginnst du mit einem E-Mail-Button. Mit KI kannst du ein Formular an deinen Dienst anbinden und eine Testanfrage senden.
01
Wähle das Ziel
Nenne E-Mail-Adresse, Buchungslink oder gewünschten Formulardienst.
02
Beauftrage die Verbindung
Bitte die KI, Button oder Formular einzurichten, und autorisiere nötigen Dienstzugriff.
03
Sende eine Testanfrage
Prüfe Postfach oder Dienst-Dashboard sowie die Bestätigung nach dem Absenden.
AI ChatBeispielablauf
Beispielablauf · dein Projekt
Du
Wer veröffentlicht die Website und ändert sie später?
KI · Beispielantwort
Du kannst einen KI-Agenten mit Dateizugriff um ein Deployment auf Cloudflare Pages oder Vercel bitten und den nötigen Kontozugriff autorisieren. Oder gib das fertige Projekt-ZIP deinem Hoster oder einem IT-/Entwicklerkontakt.
Du
Ich bin mit der Bearbeitung fertig. Bereite die Veröffentlichung auf Cloudflare Pages per CLI oder API vor. Prüfe zuerst die Dateien und bitte mich um Kontoautorisierung.
KI · Beispielantwort
Ich prüfe den Ordner und bereite die Veröffentlichung vor. Zuerst bitte ich um Kontoautorisierung. Nach dem Deployment prüfen wir die zurückgegebene URL und verbinden die Domain.
Nächste Schritte
Bereite Dateien vor
Sichere die fertige Website. Der Agent prüft HTML, Bilder, Links und einen eventuell nötigen Build.
Autorisiere die Veröffentlichung
Wähle Cloudflare Pages oder Vercel und genehmige den Kontozugriff des Agenten.
Öffne die Online-Adresse
Prüfe nach dem Deployment Seite, Bilder und Kontaktweg und verbinde danach deine eigene Domain.
Ziel: eine Website online und eine Anleitung für die nächste Veröffentlichung.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
06 / Veröffentlichen
Wer veröffentlicht die Website und ändert sie später?
Du kannst einen KI-Agenten mit Dateizugriff um ein Deployment auf Cloudflare Pages oder Vercel bitten und den nötigen Kontozugriff autorisieren. Oder gib das fertige Projekt-ZIP deinem Hoster oder einem IT-/Entwicklerkontakt. Spätere Änderungen bearbeitest du mit KI im gespeicherten Projekt und veröffentlichst neu.
Lokal auf diesem Gerät markiert; nichts wird übermittelt.
Ja, wenn du Unternehmen, Leistungen, Arbeiten oder ein Produkt vorstellen und mit KI bearbeiten möchtest. Du startest mit einem fertigen Design und ergänzt Inhalte im Chat.
Du
Öffne die Template-Dateien und RECREATE.md. Ändere Einleitung, Farben und Bilder nach meinem Briefing. Behalte die Abschnittsstruktur.
KI · Beispielantwort
Entpacke den Download und öffne den Ordner in einem KI-Tool mit Dateizugriff. Beschreibe, welche Texte, Farben, Bilder und Bereiche sich ändern sollen.
Nächste Schritte
Übergib das Projekt
Entpacke den Download und öffne den Ordner in einem KI-Tool mit Dateizugriff.
Beschreibe Änderungen
Beschreibe, welche Texte, Farben, Bilder und Bereiche sich ändern sollen.
Prüfe die Vorschau
Öffne das Ergebnis am Computer und Smartphone und beschreibe weitere Korrekturen im Chat.
Deine eigene Version des gewählten Designs zur Vorschau.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
07 / Passt es zu dir?
Passt dieser Weg zu deiner ersten Website?
Ja, wenn du Unternehmen, Leistungen, Arbeiten oder ein Produkt vorstellen und mit KI bearbeiten möchtest. Du startest mit einem fertigen Design und ergänzt Inhalte im Chat. Buchungen, Zahlungen oder Nutzerkonten bindest du bei Bedarf als zusätzliche Dienste an.
Übergib das Projekt
Entpacke den Download und öffne den Ordner in einem KI-Tool mit Dateizugriff.
Beschreibe Änderungen
Beschreibe, welche Texte, Farben, Bilder und Bereiche sich ändern sollen.
Prüfe die Vorschau
Öffne das Ergebnis am Computer und Smartphone und beschreibe weitere Korrekturen im Chat.
Teste ein echtes Template, bevor du dich entscheidest.
Lade das originale Formwell-Projekt herunter. Gib die Dateien und RECREATE.md an ein geeignetes KI-Tool, probiere eine kleine Änderung und prüfe das Ergebnis.
Das kostenlose Beispiel ist Formwell. Originaldesign und Anleitung sind auf Englisch. Die Produktpreise bleiben unverändert.
OneDollarStock setzt ein Projekt zur Vorbereitung der Plattform auf den Eintritt in den deutschen Markt im Rahmen des Akzelerationspfads „Go Global“ des Programms „Unicorn Hub Startup Booster“ um (Projektnr. FENG.02.28-IP.02-0013/23). Das Projekt wird aus Mitteln des Programms European Funds for Smart Economy 2021–2027 im Rahmen der Priorität „Innovation-friendly environment“, Maßnahme FENG.2.28 Startup Booster Poland, kofinanziert.
Mehr über das Projekt erfahren →
Savi
Template ansehen
Rondist
Template ansehen
Passer
Template ansehen
Outer Light
Template ansehen
Osma
Template ansehen
Nightglass
Template ansehen
Lark
Template ansehen
Drumlin
Template ansehen
Aveniq
Template ansehen
Novera
Template ansehen
Aurelia Atelier
Template ansehen
Nivora
Template ansehen
Savi
Template ansehen
Rondist
Template ansehen
Passer
Template ansehen
Outer Light
Template ansehen
Osma
Template ansehen
Nightglass
Template ansehen
Lark
Template ansehen
Drumlin
Template ansehen
Aveniq
Template ansehen
Novera
Template ansehen
Aurelia Atelier
Template ansehen
Nivora
Template ansehen
