Template oder von Grund auf / mit einem sichtbaren Design starten
Eine Alternative zur Website-Erstellung von Grund auf. Design und Code sind schon vorbereitet — mach daraus deine Unternehmenswebsite.
Du kannst Layout, Typografie und die visuelle Richtung deiner Website schon vor der ersten Änderung wählen. OneDollarStock Templates liefern dieses Ausgangsdesign und die Quelldateien. Mach es mit deiner KI zu deiner Website, statt jedes Detail von Anfang an zu beschreiben.
Links siehst du das Original-Template. Rechts ein interaktives Beispiel mit vorbereiteten Änderungen an den Projektdateien. Der Dialog ist ein Beispiel; es ist keine KI live verbunden.
01 / Der Grund zu wechseln
Warum ein OneDollarStock-Template statt von Grund auf starten?
Starte hier, wenn du ein Design findest, das zu deiner Website passt. Layout, Gestaltung und Interaktionen sind vorbereitet; deine KI arbeitet an Inhalten und gewünschten Änderungen. Du kannst das Template weiter umgestalten; ein vollständig eigenes Design braucht zusätzliche Designarbeit.
Zum Vergleichen wischen →
Was dir wichtig ist
Von Grund auf starten
OneDollarStock Templates
Das Ausgangsdesign vor der ersten Änderung sehen
×Das Design muss erst erstellt werden.
✓Prüfe Layout, Typografie und Bilder des Templates.
Mit einer bestehenden Frontend-Struktur beginnen
×Erstelle die Seitenstruktur für dein Projekt.
✓Der mitgelieferte Quellcode enthält das Template bereits.
Farben, Texte, Bilder und Layout wählen
✓Definiere dein eigenes Design von Anfang an.
✓Passe das Ausgangsdesign an dein Unternehmen an.
KI beim Schreiben oder Bearbeiten der Website nutzen
✓Beschreibe, was entstehen soll, und prüfe das Ergebnis.
✓Gib Projekt und Anleitung mit und beschreibe deine Änderungen.
Jedes Design-Detail auf einer leeren Seite wählen
✓Du bestimmst die ursprüngliche Richtung und Struktur.
×Dieser Weg beginnt mit dem gewählten Design.
Hosting und Live-Dienste allein durch ein Design erhalten
×Richte die benötigten Dienste ein und teste sie.
×Richte die benötigten Dienste ein und teste sie.
✓ Teil des beschriebenen Startpunkts. × Vom Startpunkt nicht mitgeliefert. Verglichen wird, womit du beginnst; das ist kein gemessener Geschwindigkeitstest. Quellen: Formwell-Quellcode und Anleitung, Vorschau des Originalprojekts. Geprüft am 1. Oktober 2026.
Eine bestehende Richtung wählen
Du siehst ein Template, das zu deinem Angebot passt, und möchtest die ersten Änderungen deinen Inhalten widmen.
Eine neue Richtung entwickeln
Deine Anforderungen an Layout oder Interaktionen sind ungewöhnlich und du möchtest die Ausgangsstruktur selbst gestalten.
02 / Deine Website
Kann ich eine ganze Website mit einem einzigen Prompt erstellen?
Ja. Das Template gibt deiner KI ein vollständiges Website-Design mit Struktur, Gestaltung und Interaktionen als Grundlage. Füge den enthaltenen Prompt oder RECREATE.md in deine KI ein und übergib die Projektdateien und Bilder. Du kannst auch direkt mit der enthaltenen HTML-Datei starten und Änderungen beschreiben. Prüfe das Ergebnis; funktionierende Formulare, Zahlungen oder ein CMS brauchen eine eigene Einrichtung.
NERRA
Ein redaktionelles Design für eine Hautpflegemarke.
Nutze dieses Template und RECREATE.md für mein Unternehmen. Behalte das Design und ersetze Beispielname, Angebot und Bilder durch meine angehängten Inhalte.
KI · Beispielantwort
Ich arbeite mit der bestehenden Struktur, ordne deine Inhalte den Abschnitten zu und liste fehlende Texte oder Bilder auf, bevor ich die Vorschau erstelle.
Du
Behalte das Layout. Nutze meine Leistungsbeschreibungen und verlinke den Hauptbutton mit meiner Buchungsseite.
Vom Template zu deiner Website
Das vollständige Paket übergeben
Quellcode, Anleitung und enthaltene Dateien.
Deine Inhalte ergänzen
Name, Angebot, Bilder und Ziel des Hauptbuttons.
Das Ergebnis öffnen
Die ganze Seite prüfen und Korrekturen anfordern.
Du passt ein vorhandenes Website-Design an, statt es auf einer leeren Seite zu beschreiben.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
Nutze den enthaltenen Quellcode und die Anleitung. Bitte die KI, das Design zu behalten, Beispiele durch deine Inhalte zu ersetzen und die fertige Seite zu zeigen. Die zwei Templates oben zeigen unterschiedliche Designs; die optionale Bearbeitungsdemo nutzt Formwell.
Ändere die Überschrift in meinen Firmennamen, nutze das angehängte Logo und mache den Hauptbutton dunkelgrün. Behalte den restlichen Aufbau.
KI · Beispielantwort
Ich suche Überschrift, Logo und Button-Stile im Projekt und bereite die Änderungen vor. Die vorhandenen Abschnitte bleiben erhalten; ich zeige dir die Vorschau.
Du
Kürze die Überschrift auf Mobilgeräten und verlinke den Button mit meinem Kontaktbereich.
Deine erste Änderung
Template-Dateien öffnen
Ordner und RECREATE.md an den Agenten übergeben.
Das Ergebnis beschreiben
Abschnitt, neuen Text, Bild oder Farbe nennen.
Prüfen und anpassen
Vorschau auf Desktop und Mobilgerät öffnen.
Du beschreibst die Änderung; das KI-Tool bearbeitet die Dateien. Du entscheidest über das Ergebnis.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
03 / Deine ersten Änderungen
Kann ich das selbst machen?
Ja — Änderungen an Texten, Farben, Bildern und Layout beschreibst du in normaler Sprache. Nutze ein KI-Tool, das die Projektdateien lesen und bearbeiten kann. Entpacke das Template, öffne den Ordner in deinem Agenten oder hänge unterstützte Dateien an den Chat an. Beschreibe dann genau, was sich ändern soll. Öffne die Vorschau und bitte um Korrekturen, bis sie zu deinem Unternehmen passt.
01
Template-Dateien öffnen — Ordner und RECREATE.md an den Agenten übergeben.
02
Das Ergebnis beschreiben — Abschnitt, neuen Text, Bild oder Farbe nennen.
03
Prüfen und anpassen — Vorschau auf Desktop und Mobilgerät öffnen.
Eigene Funktionen wie Anmeldung, Zahlungen oder Live-Daten können zusätzliche Dienste oder Fachhilfe benötigen.
Vorbereitetes Template-Beispiel ansehen
AI ChatBeispielablauf
Download-Paket · Formwell-Beispiel
Du
Ich habe Formwell entpackt. Welche Dateien gebe ich dir und wofür sind sie da?
KI · Beispielantwort
Gib mir den ganzen Ordner. index.html ist die Website, RECREATE.md beschreibt das Design und assets/ enthält die verwendeten Bilder. Ich lese Anleitung und Quellcode zusammen.
Du
Nutze die vorhandene Website als Ausgangspunkt und ersetze die Beispielinhalte durch meine.
Was du herunterlädst
Website-Quellcode
Bearbeitbares HTML, Stile und Interaktionen.
KI-Anweisungen
RECREATE.md für das gewählte Design.
Zugehörige Dateien
Enthaltene Bilder und andere Dateien beim Projekt belassen.
Ein Website-Projekt, das du behältst und in deinem Tool bearbeitest. Hosting und KI-Konto sind separat.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
04 / Was du kaufst
Was erhalte ich nach dem Kauf genau?
Du erhältst ein bearbeitbares Website-Projekt und seine KI-Anweisungen. Beim geprüften Formwell-Beispiel enthält index.html die Website, Stile und Interaktionen; RECREATE.md erklärt das Design; assets/ enthält vier zugehörige Bilder. Der Inhalt variiert je nach Template. Prüfe deshalb das Paket deines gewählten Produkts. Behalte die Dateien auf deinem Computer, um sie mit deiner KI zu bearbeiten oder an eine Person für die Veröffentlichung weiterzugeben.
Veröffentliche diese fertige Website mit Wrangler auf Cloudflare Pages. Sage zuerst, welchen Ordner du hochlädst und welche Berechtigungen du brauchst. Frage vor dem Upload oder Domain-Änderungen nach.
KI · Beispielantwort
Ich prüfe Dateien und Hosting-Konfiguration und bitte dich dann um Anmeldung oder den erforderlichen Zugriff. Ich zeige dir den Upload-Plan. Nach deiner Freigabe kann ich veröffentlichen und die zurückgegebene Adresse prüfen.
Du
Starte mit der Cloudflare-Adresse. Wir prüfen diese Version, bevor wir meine eigene Domain verbinden.
Lokale Dateien → Website im Internet
Vorbereiten und freigeben
Ordner, Hosting-Konto und Upload bestätigen.
Veröffentlichen und prüfen
Website-Ordner mit Wrangler hochladen und die zurückgegebene Adresse öffnen.
Domain verbinden
Domain dem Projekt zuordnen und DNS-Änderungen freigeben.
Dein KI-Agent kann die Website veröffentlichen, sobald du nötigen Zugriff und Freigabe erteilst.
Beispieldialog zur Veröffentlichung. Dieser Landingpage-Chat veröffentlicht keine Website.
05 / Online gehen
Wie wird aus dem Projekt meine veröffentlichte Website?
Wenn dir die Website gefällt, bitte einen KI-Agenten mit Dateizugriff, sie auf Cloudflare Pages, Vercel oder einem anderen geeigneten Hosting zu veröffentlichen. Der Agent braucht das Projekt, Zugriff auf dein Hosting-Konto und deine Freigabe vor dem Upload oder Änderungen an der Domain. Er kann die unterstützte CLI oder API nutzen, eine Vorschauadresse zurückgeben und dir beim Verbinden deiner eigenen Domain helfen.
Hosting ist der Ort, an dem deine Website-Dateien liegen; die Domain ist die Adresse, die Besucher eingeben. Starte mit der Vorschauadresse des Hostings und verbinde deine Domain, sobald die Website geprüft ist.
Die KI um Veröffentlichung bitten
Gib einem geeigneten Agenten den Website-Ordner, freigegebenen Hosting-Zugriff und deine Zustimmung. Er kann Cloudflare Wrangler oder Vercel CLI nutzen und dir beim Prüfen der zurückgegebenen Adresse helfen.
ZIP an den Hosting-Support senden
Frage, ob dein Hosting-Anbieter Hilfe bei der Einrichtung anbietet, und sende das fertige Projekt mit Anleitung. Leistung und mögliche Gebühren hängen vom Anbieter ab.
Entwickler oder IT-Kontakt fragen
Sende das ganze Projekt, Domain-Details und den gewünschten Kontakt- oder Buchungsdienst. Vereinbart, wer hochlädt und prüft.
Prüfe vor dem Start den Kontakt- oder Buchungsweg. Ein gestaltetes Formular allein versendet keine Nachrichten.
AI ChatBeispielablauf
NERRA · nächstes Update
Du
Hier sind die aktuellen Dateien. Ergänze meine neue Leistung und aktualisiere die Kontaktadresse. Behalte Design und Domain.
KI · Beispielantwort
Ich sichere die aktuelle Version, bereite beide Änderungen vor und zeige eine Vorschau. Nach deiner Freigabe kann ich das bestehende Hosting-Projekt mit deinem bereitgestellten Zugriff aktualisieren.
Du
Zeige mir vor der Veröffentlichung auch die mobile Version.
Dieselbe Website aktualisieren
Aktuelle Dateien nutzen
Alle Änderungen seit dem ursprünglichen Download einschließen.
Die nächste Änderung beschreiben
Inhalte ergänzen, Bilder ersetzen oder Layout anpassen.
Geprüfte Version veröffentlichen
Im bestehenden Hosting-Projekt bereitstellen.
Das nächste Update setzt deine eigene Website mit aktuellen Inhalten und derselben Adresse fort.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
06 / Die nächste Änderung
Kann ich die Website später noch ändern?
Ja. Öffne dasselbe gespeicherte Projekt, gib deiner KI die aktuellen Dateien und beschreibe, was du ergänzen oder ändern willst. Sichere die bestehende Version, prüfe die neue Vorschau und bitte den Agenten, das freigegebene Update im selben Hosting-Projekt zu veröffentlichen. Du musst das Template zur Bearbeitung dieses Projekts nicht erneut kaufen; die Website kann ihre bisherige Adresse behalten.
Die Gesamtkosten bestehen aus Template oder PRO-Zugang sowie KI-Abo, Hosting, Domain und den von dir gewählten Diensten. Template- und PRO-Preise stehen unten. Für die übrigen Kosten frage den Agenten, welche Dienste diese Website braucht, und prüfe deren aktuelle Gebühren. Eine Präsentationsseite und eine Website mit Zahlungen oder Mitgliederkonten kosten unterschiedlich viel.
Hier sind die Inhalte meiner aktuellen Website und das neue Template. Übernimm Angebot, Über-uns und Kontakt in das neue Design. Halte wichtige URLs in einer Migrationsliste fest.
KI · Beispielantwort
Ich ordne die Inhalte den Template-Abschnitten zu, nutze die gelieferten Originalbilder und markiere Lücken. Ich liste auch nötige Weiterleitungen und Dienste auf, die neu verbunden werden müssen.
Du
Lass die bisherige Seite online, bis ich die Vorschau freigebe und der Kontaktweg funktioniert.
Die Inhalte übernehmen, die du behalten willst
Inhalte sammeln
Aktuelle Texte, Originalbilder und wichtige URLs.
Im Template platzieren
KI um Austausch der Beispiele bei gleichem Design bitten.
Nach der Prüfung umstellen
Inhalte, Links, Dienste und Weiterleitungen prüfen.
Deine Inhalte kommen in ein neues Design. CMS, Shop und Buchungsdienste brauchen eine separate Verbindung.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
08 / Deine bisherige Website
Wie übernehme ich Inhalte meiner bisherigen Website in ein neues Template?
Gib deiner KI das neue Template sowie Texte, Originalbilder und wichtige URLs deiner bisherigen Website. Ein Agent mit Dateizugriff kann die alte Seite bei vorhandenem Zugriff prüfen; alternativ fügst du die Inhalte ein oder übergibst einen Export. Bitte ihn, alte Abschnitte dem neuen Design zuzuordnen, Beispielinhalte zu ersetzen und Lücken zu markieren. Prüfe Links und wichtige Weiterleitungen, bevor du die Domain umstellst.
01
Inhalte sammeln — Aktuelle Texte, Originalbilder und wichtige URLs.
02
Im Template platzieren — KI um Austausch der Beispiele bei gleichem Design bitten.
03
Nach der Prüfung umstellen — Inhalte, Links, Dienste und Weiterleitungen prüfen.
CMS-Inhalte, Shop-Daten und Buchungsdienste wechseln nicht allein durch Kopieren des Website-Designs. Frage deinen Agenten, welche Dienste neu verbunden werden müssen, und lasse die alte Seite bis zur Prüfung online.
Das Menü verdeckt auf dem Handy die Überschrift. Hier sind Projekt, RECREATE.md und Screenshot. Behebe das und behalte das Desktop-Layout.
KI · Beispielantwort
Ich prüfe mobiles Menü und Abstände, erkläre die Ursache und bereite eine gezielte Korrektur vor. Die mobile Vorschau zeigt dir das Ergebnis vor der Veröffentlichung.
Du
Sag mir, welche Dateien geändert wurden, damit ich die aktuelle Version behalte.
Der KI das tatsächliche Problem zeigen
Das Problem zeigen
Screenshot, Gerät und erwartetes Ergebnis.
Das Projekt beilegen
Aktuelle Dateien und Designanleitung.
Die Korrektur prüfen
Vorschau prüfen; für Integrationen bei Bedarf Fachhilfe nutzen.
Mit konkretem Kontext kann die KI das Problem beheben, statt die ganze Website neu zu erstellen.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
09 / Wenn du Hilfe brauchst
Was mache ich, wenn ich nicht weiterkomme?
Gib deiner KI die aktuellen Projektdateien, RECREATE.md, einen Screenshot und das genaue Problem. Zum Beispiel: ‚Das Menü verdeckt auf dem Handy die Überschrift. Behebe das, ohne das Desktop-Layout zu ändern.‘ Bitte sie, die Ursache zu erklären, die Korrektur vorzunehmen und den Test zu zeigen. Für Fragen zum Download oder Paket kontaktiere OneDollarStock. Kann der Agent eine eigene Integration nicht fertigstellen, gib Projekt und Problem an einen Entwickler oder Hosting-Support weiter.
Nutze das angehängte Formwell-Projekt und die Anleitung. Ersetze den Beispielnamen durch meinen Firmennamen und nutze meine Markenfarbe für die Hauptbuttons.
KI · Beispielantwort
Ich lese Quellcode und Anleitung, bereite Text- und Farbänderungen vor und zeige eine Vorschau. Du kannst sie mit dem Original vergleichen, bevor du dein nächstes Design wählst.
Du
Ersetze jetzt die Beispiel-Einleitung durch meinen Absatz.
Vor der Auswahl testen
Herunterladen und entpacken
Das originale Formwell-Projekt.
Anweisungen kopieren
Anleitung und Dateien an deine KI übergeben.
Für dich anpassen
Name, Angebot oder Farben ändern und Vorschau prüfen.
Teste die Dateien und den Prompt mit einem echten Projekt vor dem Kauf.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
10 / Die neue Methode testen
Kann ich die Methode vor dem Bezahlen testen?
Ja. Lade unten das kostenlose Formwell-ZIP herunter und entpacke es. Kopiere die vollständigen KI-Anweisungen, öffne oder übergib die Dateien in deinem KI-Tool und bitte um eine Änderung mit deinen eigenen Unternehmensinhalten. Du kannst denselben Bearbeitungsablauf testen, bevor du ein kostenpflichtiges Design wählst. Dein KI-Konto ist separat.
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
