Beispieldesigns · ersetze die fiktiven Inhalte durch deine eigenen.
AI ChatBeispielablauf
Beispielablauf · dein Projekt
Du
Welches Material hilft dir beim Start?
KI · Beispielantwort
Beginne mit vorhandenen Notizen, Leistungsbeschreibungen, Logo, Fotos und Referenzen. Sammle sie im Template-Ordner und lasse KI einen ersten Inhaltsentwurf erstellen.
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.
01 / Vorhandenes nutzen
Welches Material hilft dir beim Start?
Beginne mit vorhandenen Notizen, Leistungsbeschreibungen, Logo, Fotos und Referenzen. Sammle sie im Template-Ordner und lasse KI einen ersten Inhaltsentwurf erstellen. Für eine Vorschau brauchst du weder Domain noch alle Materialien.
Lokal auf diesem Gerät markiert; nichts wird übermittelt.
AI ChatBeispielablauf
Beispielablauf · dein Projekt
Du
Was sagst du vor fertigen Abschnitten?
KI · Beispielantwort
Beschreibe Tätigkeit, Zielgruppe und Kontaktweg. Lass KI Einleitung und zwei Leistungsbeschreibungen daraus ändern.
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.
02 / Kleines erstes Briefing
Was sagst du vor fertigen Abschnitten?
Beschreibe Tätigkeit, Zielgruppe und Kontaktweg. Lass KI Einleitung und zwei Leistungsbeschreibungen daraus ändern. Wenn dein Angebot im Template sichtbar ist, arbeite die restlichen Inhalte aus.
01
Beschreibe dein Unternehmen
Nenne Leistungen, Zielgruppe, Standort und Kontakt.
02
Ordne die Inhalte
Bitte die KI um Einleitung, Leistungsbeschreibungen und Kontaktbereich auf dieser Grundlage.
03
Ergänze fehlende Angaben
Ergänze Öffnungszeiten, Preise und Fotos, sobald sie vorliegen.
03 / Design wählen
Was liefert die Vorlage zusätzlich zu Texten?
Ein Template liefert fertiges Design und Code, nicht nur Textvorschläge. Sieh deine Idee in Orbit für Leistungen, Morrow für Studio, Formwell für Arbeiten oder Framewise für Kurse.
Orbit
Expertise, Arbeiten, Vorgehen und Leistungen für Studio oder Beratung.
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
Wie bleibt die erste Anfrage begrenzt?
KI · Beispielantwort
Beginne mit einem sichtbaren Bereich: „Ändere Namen, Einleitung und Leistungsbeschreibung nach meinen Notizen. Behalte Bilder und Layout.“ So entsteht eine Vorschau ohne vollständige Seitenplanung. Unten ist eine vorbereitete Orbit-Änderung.
Du
Lies Projekt und RECREATE.md. Ändere nur Namen, Einleitung und Leistungsbeschreibung nach meinen Notizen. Behalte Bilder, Farben, Layout und alle anderen Bereiche.
KI · Beispielantwort
Ich begrenze die Änderung auf diese Texte in den gelieferten Dateien. Danach prüfen wir den Bereich in der lokalen Vorschau und verfeinern den Wortlaut vor einer weiteren Bearbeitung.
Nächste Schritte
Projekt öffnen
Entpacke den ganzen Ordner und gib der KI mit Dateizugriff Anleitung und Notizen für diesen Bereich.
Textänderung begrenzen
Nenne Namen, Einleitung und Leistungsbeschreibung zum Ersetzen; behalte Bilder, Farben, Layout und andere Bereiche.
Bereich prüfen
Prüfe lokale Vorschau und Wortlaut und entscheide dann über eine weitere kleine Änderung.
Ein angepasster Textbereich zur Vorschau bei unverändertem restlichem Design.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
04 / Änderung ansehen
Wie bleibt die erste Anfrage begrenzt?
Beginne mit einem sichtbaren Bereich: „Ändere Namen, Einleitung und Leistungsbeschreibung nach meinen Notizen. Behalte Bilder und Layout.“ So entsteht eine Vorschau ohne vollständige Seitenplanung. Unten ist eine vorbereitete Orbit-Änderung.
Quelldateien und technische Details ansehen
Was tatsächlich geändert wurde
03-orbit / index.html · LP51-de-source-edit.diff
Vorbereitete Beispielbearbeitung; eigene Daten ergänzt du mit KI. Kein Ergebnis eines externen KI-Laufs.
Einem Ablauf einen klaren ersten Entwurf geben.
Fiktive Betriebsberatung zu Aufgabe, Zuständigkeit und Übergabe. Keine Kundenzahl, Erfolgsangabe oder echter Kontaktdienst behauptet. Weitere Quellkonzepte bleiben illustrativ.
Vorher · 03-orbit
Vorbereitete Beispielbearbeitung; eigene Daten ergänzt du mit KI. Kein Ergebnis eines externen KI-Laufs.Ganze Vorschau öffnen ↗
Nachher · begrenzter Northline Operations-Entwurf
Vorbereitete Beispielbearbeitung; eigene Daten ergänzt du mit KI. Kein Ergebnis eines externen KI-Laufs.Ganze Vorschau öffnen ↗
AI ChatBeispielablauf
Beispielablauf · dein Projekt
Du
Was prüfst du vor der Übernahme des Entwurfs?
KI · Beispielantwort
Lies die ganze Seite und prüfe eigene Daten, Angebot und Bilder. Klicke Buttons und sieh die Smartphone-Version an.
Du
Prüfe meine Website am Computer und Smartphone: Inhalte, Bilder, Buttons und Kontakt. Liste Fehler auf und korrigiere sie in einer Projektkopie.
KI · Beispielantwort
Prüfe alle Bereiche, lange Überschriften und Bilder bei verschiedenen Bildschirmgrößen. Öffne Links und sende eine Testanfrage an den verbundenen Dienst.
Nächste Schritte
Prüfe Design und Inhalte
Prüfe alle Bereiche, lange Überschriften und Bilder bei verschiedenen Bildschirmgrößen.
Teste Aktionen
Öffne Links und sende eine Testanfrage an den verbundenen Dienst.
Bestätige Korrekturen
Prüfe dieselben Stellen nach der Bearbeitung erneut, auch unter der endgültigen Online-Adresse.
Eine Liste geprüfter Elemente und Korrekturen vor Veröffentlichung.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
05 / Entwurf prüfen
Was prüfst du vor der Übernahme des Entwurfs?
Lies die ganze Seite und prüfe eigene Daten, Angebot und Bilder. Klicke Buttons und sieh die Smartphone-Version an. Beschreibe konkrete Korrekturen der KI im selben Projekt.
Lokal auf diesem Gerät markiert; nichts wird übermittelt.
AI ChatBeispielablauf
Beispielablauf · dein Projekt
Du
Wie vermeidest du einen Neustart beim nächsten Mal?
KI · Beispielantwort
Sichere den bearbeiteten Ordner und lasse KI eine kurze PROJECT-NOTES.md-Zusammenfassung schreiben. Öffne das Projekt in der nächsten Sitzung und lasse die Notiz lesen.
Du
Speichere eine Zusammenfassung in PROJECT-NOTES.md: geänderte Dateien, verbleibende Aufgaben und Fortsetzung in der nächsten Sitzung.
KI · Beispielantwort
Behalte Original-ZIP und einen getrennten Ordner deiner Version. Bitte die KI um eine Liste geänderter Dateien und eine kurze Notiz im Ordner.
Nächste Schritte
Sichere das Projekt
Behalte Original-ZIP und einen getrennten Ordner deiner Version.
Notiere letzte Änderungen
Bitte die KI um eine Liste geänderter Dateien und eine kurze Notiz im Ordner.
Setze die gespeicherte Version fort
Öffne in der nächsten Sitzung den Ordner und lasse die KI zuerst die Notiz lesen.
Projekt und Notiz zum Fortsetzen der Arbeit.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
06 / Arbeitsstand behalten
Wie vermeidest du einen Neustart beim nächsten Mal?
Sichere den bearbeiteten Ordner und lasse KI eine kurze PROJECT-NOTES.md-Zusammenfassung schreiben. Öffne das Projekt in der nächsten Sitzung und lasse die Notiz lesen. Auch in einem anderen Tool mit Dateizugriff kannst du dort fortsetzen.
Website-Dateien + Designanweisungen
Fortsetzungsnotiz
Version → Freigaben → offener Punkt → nächste Aufgabe und Verantwortlicher.
Projekt und Notiz zum Fortsetzen der Arbeit
Trage deine Angaben ein. Kopiere oder lade die Notiz zur Arbeit mit KI herunter.
AI ChatBeispielablauf
Beispielablauf · dein Projekt
Du
Was fehlt bis zur öffentlichen Website?
KI · Beispielantwort
Nach fertigen Inhalten folgen Kontaktanbindung und Veröffentlichung. Beauftrage KI mit Cloudflare-/Vercel-Deployment und autorisiertem Zugriff oder übergib ZIP an Hoster/IT/Entwickler.
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.
07 / Vom Entwurf zur Website
Was fehlt bis zur öffentlichen Website?
Nach fertigen Inhalten folgen Kontaktanbindung und Veröffentlichung. Beauftrage KI mit Cloudflare-/Vercel-Deployment und autorisiertem Zugriff oder übergib ZIP an Hoster/IT/Entwickler. Öffne die Online-Adresse, prüfe die Seite und verbinde die Domain.
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.
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
