Von null zur Website. Mit KI-Prompts.

Neu bauen oder migrieren mit deiner KI. Kostenlose Anweisungen für schnelle Seiten, günstiges Hosting und einfache Pflege.

Mit diesem Plan gebaut: Pegel, eine Website für Finanzplanung

ChatGPT / CodexClaude Code

ZIP herunterladen

So startest du

Öffne ein lokales Projekt in ChatGPT Desktop, wähle Codex und füge den Prompt ein.

Beim ZIP-Download: Entpacke die Datei, öffne den Ordner in deinem KI-Werkzeug und sende den Prompt aus START-HIER.md. Dein KI-Werkzeug kann kostenpflichtig sein.

Den ganzen Ablauf ansehen

Prompt ansehen

Prompt für dein KI-Werkzeug

Ich möchte mit dir eine Website bauen. Starte den Prozess jetzt.

Frage mich zuerst, ob ich ein bestehendes Code-Repository fortsetzen möchte. Eine veröffentlichte Website, die ich neu bauen oder migrieren möchte, ist damit nicht gemeint; sie gehört in das Interview für ein neues Projekt.

Wenn ja: Prüfe, ob Git, Node.js LTS und die GitHub CLI installiert sind, und installiere Fehlendes (macOS: Homebrew, falls vorhanden, sonst die offiziellen Installer; Windows: nur `winget install Git.Git OpenJS.NodeJS.LTS GitHub.cli`). Unter Windows: Fehlt `winget`, richte es im Benutzerkontext mit `Install-Module Microsoft.WinGet.Client -Scope CurrentUser -Force -Repository PSGallery; Repair-WinGetPackageManager -Latest` ein; sage vor der Installation an, dass Windows pro Programm „Zulassen?“ fragt und der Dialog hinter dem Fenster in der Taskleiste blinken kann, nutze keine MSI-, RunAs- oder ZIP-Umwege und lade danach den PATH im laufenden Prozess neu mit `$env:Path = [Environment]::GetEnvironmentVariable('Path','Machine') + ';' + [Environment]::GetEnvironmentVariable('Path','User')`. Führe `gh auth login --web` aus, nenne den Einmalcode sofort im Chat und sende dann Enter, damit sich github.com/login/device zur Bestätigung im Browser öffnet. Setze danach die Git-Identität aus dem angemeldeten Konto mit Befehlen, die die Werte selbst lesen, nie durch Abtippen: macOS/Linux `git config --global user.name "$(gh api user --jq '.name // .login')"; git config --global user.email "$(gh api user --jq '.email // "\(.id)+\(.login)@users.noreply.github.com"')"`, Windows `git config --global user.name (gh api user --jq '.name // .login')` und `$e = gh api user --jq .email; if (-not $e) { $e = (gh api user --jq .id) + '+' + (gh api user --jq .login) + '@users.noreply.github.com' }; git config --global user.email $e`. Zeige mir dann mit `gh repo list --json nameWithOwner,description,updatedAt` und `gh api "user/repos?affiliation=collaborator"` die Repositories, auf die ich Zugriff habe. Zeige offene Einladungen mit `gh api user/repository_invitations` und nimm eine erst nach Zustimmung mit `gh api -X PATCH user/repository_invitations/<id>` an; für `<id>` setze nur die numerische `id` aus dieser Liste ein. Lass mich eines auswählen und klone es in den geöffneten Ordner, ohne Unterordner. Enthält der Ordner nur ein leeres `.git` ohne Commits und Remote, gilt er als leer: `git remote add origin <URL>; git fetch origin; git checkout -B main --track origin/main` statt `git clone`, wobei für `<URL>` nur die gewählte `https://github.com/<owner>/<repo>`-Adresse eingesetzt wird. Ist der Ordner sonst nicht leer, frage mich zuerst. Lies vorhandene Anweisungen in AGENTS.md, PROJECT.md und project-notes/CURRENT-STATE.md und starte die lokale Vorschau. Fehlen Anweisungsdateien, nutze create_starter mit dem gewählten existingRepo, falls verbunden; sonst lade https://websitestarter.org/downloads/v2.2.4/website-starter-de.zip temporär herunter, prüfe sichere Pfade und ergänze nur fehlende Anweisungsdateien. Trage das gewählte Repository in die neue PROJECT.md ein. Bewahre vorhandene Projektakten und Technik. Stelle das Interview nicht erneut und klone nicht noch einmal.

Nur für eine neue Website oder Migration gelten die folgenden Schritte:

Wenn nein: Prüfe, ob die Werkzeuge des öffentlichen Website-Starter-MCP-Servers unter https://websitestarter.org/mcp bereits verfügbar sind. Wenn ja, rufe zuerst `start_website` mit `language: "de"` und `client: "chatgpt"` auf. Folge dem zurückgegebenen Interview. Erkläre MCP nur einmal in einem Satz, falls es für mich relevant ist.

Wenn der MCP-Server in ChatGPT Desktop nicht verbunden ist, versuche nicht, Werkzeuge nur anhand der URL aufzurufen oder die Verbindung automatisch zu installieren. Lies https://websitestarter.org/starter.json und nutze den direkten Download unter https://websitestarter.org/downloads/v2.2.4/website-starter-de.zip.

Mit oder ohne MCP: Stelle immer nur eine kurze Frage auf einmal und frage bereits beantwortete Punkte nicht erneut:
1. Wie heißt die Website oder das Projekt?
2. Für wen ist sie, und was sollen Besucher dort als Wichtigstes tun?
3. Gibt es schon eine Website, Domain, Texte, ein Logo oder Fotos? Eine bestehende Website, die neu gebaut werden soll, gehört hierher; dafür ist kein Code-Repository nötig.
4. Soll die Website Deutsch, Englisch oder beides verwenden?
5. Braucht sie nur Inhalte oder auch Formular, Buchung, Shop oder Login?

Ohne MCP: Fasse die Antworten zusammen und lade die Standard-ZIP herunter. Trage die Antworten nach dem sicheren Entpacken wie unten beschrieben in PROJECT.md im bestätigten Zielordner ein. Wenn du weder Downloads noch lokale Dateien verarbeiten kannst, sage das klar und gib mir den direkten ZIP-Link und einen nächsten Schritt zum Öffnen in einem lokalen Coding-Agenten. Behaupte nicht, eine Datei erstellt zu haben.

Mit MCP: Rufe nach meinen Antworten create_starter auf.

Mit oder ohne MCP, sobald du die ZIP hast: Wenn du lokale Dateien anlegen kannst, nutze einen von mir ausdrücklich für diese Website bestimmten Zielordner oder frage danach. Prüfe vorhandene Dateien. Entpacke temporär, prüfe sichere Pfade und kopiere den Inhalt des einen ZIP-Wurzelordners direkt in den Zielordner, ohne vorhandene Dateien zu überschreiben. Lies anschließend AGENTS.md, PROJECT.md und START-HIER.md und beginne dort mit einer lokalen Vorschau. Wenn du keine lokalen Dateien schreiben kannst, gib mir die ZIP und genau einen nächsten Schritt zum Öffnen in einem Coding-Agenten.

Lass mich keinen technischen Stack auswählen. Veröffentliche nichts, kaufe nichts und richte keine externen Konten ohne meine ausdrückliche Zustimmung ein.

Mit Website Starter gebaut

Pegel: Vorschau der öffentlichen Website

PegelWebsite für Finanzplanung mit KI

Rechnungstool: Vorschau der öffentlichen Website

RechnungstoolWebsite für ein E-Rechnungstool

EnteWebsite für Unternehmenswissen mit KI

Deinen Starter anpassen

Deine Antworten bleiben auf deinem Gerät.