OneDollarStock · Dein Website-Projekt

Deine eigene Website. Erstelle sie selbst aus einer fertigen Vorlage und entwickle sie mit KI weiter, wenn sich dein Unternehmen verändert.

Wähle das Design deiner Website. Übergib Dateien oder Prompt an die KI und beschreibe Änderungen für Firma, Portfolio oder Produkt.

Meinen ersten Website-Entwurf planen Meinen Website-Start wählen

Morrow

Primefolio

Relayline

Beispieldesigns · ersetze die fiktiven Inhalte durch deine eigenen.

AI ChatBeispielablauf

Beispielablauf · dein Projekt

Was möchtest du online zeigen?

KI · Beispielantwort

Baue Firmenwebsite, Portfolio, Produktlanding oder überarbeite die bisherige Website. Wähle unten deine Aufgabe für passende Designs und Anleitungen.

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 / Deinen Start wählen

Was möchtest du online zeigen?

Baue Firmenwebsite, Portfolio, Produktlanding oder überarbeite die bisherige Website. Wähle unten deine Aufgabe für passende Designs und Anleitungen. Passe Projekte mit KI an Inhalte und Marke an.

Mein Produkt oder meine App vorstellen Meine erste Firmenwebsite bauen Meine offene Website-Idee starten Meine Arbeiten als Portfolio zeigen Einrichtung und laufende Kosten planen

AI ChatBeispielablauf

Beispielablauf · dein Projekt

Wie wird ein Design zum Ausgangspunkt?

KI · Beispielantwort

Das Template liefert Design, Code und Anleitung, sodass du das Design nicht von Anfang an erklären musst. Entpacke Dateien oder kopiere den Prompt und beschreibe deine Version.

Ö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.

02 / Dateien und Umfang

Wie wird ein Design zum Ausgangspunkt?

Das Template liefert Design, Code und Anleitung, sodass du das Design nicht von Anfang an erklären musst. Entpacke Dateien oder kopiere den Prompt und beschreibe deine Version. Die KI benötigt Projektzugriff zum Bearbeiten.

Website-Dateien + Designanweisungen

Quellcode und Anleitung

Die geprüften Beispiele enthalten index.html und RECREATE.md. Begleitdateien variieren; manche Bilder oder Schriften bleiben extern.

Deine separate Einrichtung

Nutze ein eigenes Bearbeitungstool mit Dateizugriff. KI-Zugang, Domain, Hosting und betriebliche Dienste sind separat.

AI ChatBeispielablauf

Beispielablauf · dein Projekt

Was brauchst du vor der ersten Änderung?

KI · Beispielantwort

Starte mit Template, KI-Tool und kurzer Beschreibung deines Vorhabens. Logo, Bilder und fertige Texte kannst du später ergänzen.

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.

03 / Ersten Entwurf planen

Was brauchst du vor der ersten Änderung?

Starte mit Template, KI-Tool und kurzer Beschreibung deines Vorhabens. Logo, Bilder und fertige Texte kannst du später ergänzen. Ändere zuerst Namen, Einleitung und Angebot, um deine Idee im fertigen Layout zu sehen.

Beschreibe dein UnternehmenNenne Leistungen, Zielgruppe, Standort und Kontakt.Ordne die InhalteBitte die KI um Einleitung, Leistungsbeschreibungen und Kontaktbereich auf dieser Grundlage.Ergänze fehlende AngabenErgänze Öffnungszeiten, Preise und Fotos, sobald sie vorliegen.

Lokal auf diesem Gerät markiert; nichts wird übermittelt.

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

Wie kann eine erste Änderung aussehen?

KI · Beispielantwort

Eine erste Änderung ersetzt Namen und Einleitung durch dein Unternehmen oder ein Beispielprojekt durch deine Arbeit. Beschreibe es in einer Anweisung, prüfe die Vorschau und bearbeite weiter.

Ö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 / Änderung ansehen

Wie kann eine erste Änderung aussehen?

Eine erste Änderung ersetzt Namen und Einleitung durch dein Unternehmen oder ein Beispielprojekt durch deine Arbeit. Beschreibe es in einer Anweisung, prüfe die Vorschau und bearbeite weiter. Unten stehen vorbereitete Beispiele.

Northline Movement · 07-morrow

Vorbereitete Beispielbearbeitung; eigene Daten ergänzt du mit KI. Kein Ergebnis eines externen KI-Laufs.

Ganze Vorschau öffnen ↗

Field Notes · 02-primefolio

Vorbereitete Beispielbearbeitung; eigene Daten ergänzt du mit KI. Kein Ergebnis eines externen KI-Laufs.

Ganze Vorschau öffnen ↗

05 / Design wählen

Welche Vorlage passt zu deinem Vorhaben?

Wähle nach deinen Materialien: Morrow für Studio, Primefolio für Arbeiten, Relayline für Produkte, Orbit für Leistungen. Behalte das Design oder lasse KI Farben, Bereiche und Bilder ändern.

Morrow

Bewegungskurse und Studioinformationen; echte Buchungen benötigen einen Dienst.

Preis und Dateien ansehen ↗

Dateien prüfen

Aktueller Download geprüft am 2. Oktober 2026. Prüfe die ausgewählten Dateien auf der Produktseite.

index.html
RECREATE.md
assets/favicon.svg
assets/morrow-cabin.png
assets/morrow-fold.png
assets/morrow-group.png
assets/morrow-hero.png
assets/morrow-portrait.png
assets/morrow-still.png

Einige Ressourcen können von externen URLs geladen werden. Prüfe dein gewähltes Projekt vor der Veröffentlichung.

Primefolio

Studioarbeiten, Kompetenzen und Werte auf einer Seite.

Preis und Dateien ansehen ↗

Dateien prüfen

Aktueller Download geprüft am 2. Oktober 2026. Prüfe die ausgewählten Dateien auf der Produktseite.

index.html
RECREATE.md
assets/current-product.png
assets/hero-form.png
assets/serein-brand.png

Einige Ressourcen können von externen URLs geladen werden. Prüfe dein gewähltes Projekt vor der Veröffentlichung.

Relayline

Produktdarstellung mit Abläufen und Szenarien; Anwendung und Anmeldung sind separat.

Preis und Dateien ansehen ↗

Dateien prüfen

Aktueller Download geprüft am 2. Oktober 2026. Prüfe die ausgewählten Dateien auf der Produktseite.

index.html
RECREATE.md
assets/relayline-focus.png
assets/relayline-portrait.png

Einige Ressourcen können von externen URLs geladen werden. Prüfe dein gewähltes Projekt vor der Veröffentlichung.

Orbit

Expertise, Arbeiten, Vorgehen und Leistungen für Studio oder Beratung.

Preis und Dateien ansehen ↗

Dateien prüfen

Aktueller Download geprüft am 2. Oktober 2026. Prüfe die ausgewählten Dateien auf der Produktseite.

index.html
RECREATE.md
assets/bridge.webp
assets/connect.webp
assets/folio.webp
assets/lens.webp
assets/loop.webp
assets/relay.webp

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

Was bleibt nach dem KI-Entwurf deine Aufgabe?

KI · Beispielantwort

Prüfe Inhalte, Smartphone-Ansicht und Kontakt und bitte dann den KI-Agenten um Veröffentlichung auf Cloudflare Pages oder Vercel mit Kontoautorisierung. Alternativ übergib das ZIP an Hoster/IT/Entwickler.

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 / Deine weiteren Aufgaben

Was bleibt nach dem KI-Entwurf deine Aufgabe?

Bereite Dateien vorSichere die fertige Website. Der Agent prüft HTML, Bilder, Links und einen eventuell nötigen Build.Autorisiere die VeröffentlichungWähle Cloudflare Pages oder Vercel und genehmige den Kontozugriff des Agenten.Öffne die Online-AdressePrüfe nach dem Deployment Seite, Bilder und Kontaktweg und verbinde danach deine eigene Domain.

Lokal auf diesem Gerät markiert; nichts wird übermittelt.

Website-Veröffentlichung ansehen

AI ChatBeispielablauf

Beispielablauf · dein Projekt

Ein Design, Bibliothekszugang oder anderes System?

KI · Beispielantwort

Ein einzelnes Template kann für eine Website reichen. Wähle PRO für die volle Bibliothek und Kreativassets weiterer Projekte.

Ich brauche jetzt eine Firmenwebsite und später ein Portfolio. Vergleiche Einzeltemplate, PRO Yearly und PRO Lifetime ohne unnötige Produkte.

KI · Beispielantwort

Notiere die geplanten Websites und passende Templates. Single umfasst ein Design; Yearly und Lifetime enthalten die volle Template- und Asset-Bibliothek.

Nächste Schritte

Wähle Projekte
Notiere die geplanten Websites und passende Templates.
Vergleiche den Zugang
Single umfasst ein Design; Yearly und Lifetime enthalten die volle Template- und Asset-Bibliothek.
Prüfe die Zahlung
Vergleiche aktuellen Preis, Zugangszeitraum und jährliche Verlängerung oder Einmalzahlung.

Eine Zugangswahl passend zu deinen geplanten Websites.

Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.

07 / Umfang wählen

Ein Design, Bibliothekszugang oder anderes System?

Ein einzelnes Template kann für eine Website reichen. Wähle PRO für die volle Bibliothek und Kreativassets weiterer Projekte. Für Shop, Buchungen oder App verbinde passende Dienste oder plane zusätzliche Umsetzung.

Einzelvorlage und PRO vergleichen

Formwell / Website-Dateien + Designanweisungen

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.

Formwell-ZIP herunterladen RECREATE.md herunterladen ↗