Version 1: Neumorphic
Sah cool aus, war unlesbar. Kontrast und Hierarchie verloren.
3 Entwürfe verworfen.
Schnell eine Website mit KI bauen. Das ist das Betriebssystem hinter unserer.
Der exakte Quickstart hinter schnellstart.ai: gute Websites recherchieren, Mockups entwerfen, dem Agenten harte Regeln geben, die Site shippen und jede Woche verbessern.
Lukas Huber · letztes Update 2026-07-04 · 3 jüngste Änderungen
Was wir verworfen haben
Drei Entwürfe, ein klares System.
Wir zeigen die verworfenen Varianten, weil daraus die Regeln entstanden sind: weniger Effekte, klarere Copy, mehr Vertrauen.
Version 2: Verspielt
Zu viele Akzente. Verkaufte sich nicht.
Version 3: Editorial Swiss Grid
Was bleibt: ruhige Typografie, scharfe Kanten, ein einziges Akzentgelb.
Die Blaupause
Die 10 Entscheidungen, die dein AI-Agent vor dem Bauen braucht.
Nutze sie als Briefing. Sie verhindern generische Templates und zwingen den Agenten zu einer Website, die vertrauenswürdig wirkt.
- 01
Positionierung in einem Satz.
Wer du bist, für wen, warum gerade du. Drei Wörter zu viel, und die Anfrage geht woanders hin.
- 02
Native pro Sprache schreiben.
DE und EN getrennt. Niemals parallel übersetzen, der Rhythmus stirbt.
- 03
Eine CTA pro Seite.
Zwei sind keine. Drei ist eine Sackgasse. Pro Sektion genau ein Ausgang.
- 04
Editorial Swiss Grid.
Scharfe Kanten, ruhige Typografie, ein einziges Akzentgelb. Effekte zerstören die Marke. Typografie baut sie.
- 05
Drei Services, nicht zehn.
Audit · Workshop · Sparring. Wer alles anbietet, verkauft nichts.
- 06
Stack-Wahl wegen Speed, nicht Hype.
React + Vite + Prerender. Lovable hätte's auch getan, aber wir wollten 1.8s Ladezeit, nicht 8.
- 07
SEO durch Substanz.
Hreflang sauber, Schema vollständig, Sitemap fixiert. Keine Tricks. Google indexiert, wer indexierbar ist.
- 08
n8n als Backend, Swiss-hosted.
Webhooks, Mails, CRM-Sync: alles über n8n auf Infomaniak. Kein Lambda, kein US-Hoster.
- 09
Der Agent ist ein Junior.
Claude Code mit CLAUDE.md-Regeln. Explizite Verbote. Browse-Check vor jedem Commit. Sonst rät er.
- 10
Wöchentlich kleine PRs.
Der Markt dreht schnell. Drei Commits pro Woche, mindestens. Sonst veraltet die Site, während du sie planst.
Was unter der Haube läuft
Welche Tools brauchst du, um Marke und Website mit KI zu bauen?
Unser Stack ist eine Option. Astro, Lovable, v0, Google Stitch, Framer oder Wix Studio AI können alle helfen. Das System ist wichtiger als das Tool.
Referenz-Sweep
Nutze Framer, Awwwards, Wettbewerber und Websites, denen du vertraust. Muster extrahieren, Layouts nicht kopieren.
Mockup-Entwurf
Nutze Google Stitch, Figma AI oder Framer für die erste Komposition, bevor der Agent im Repo arbeitet.
Agenten-Briefing
Gib Positionierung, Beweis, CTA, Designregeln, Quellenlinks und verbotene Phrasen mit, bevor du Code verlangst.
Vertrauensschicht
Schema, GitHub-Quelle, echte Screenshots, jüngste Commits und automatisches Follow-up beweisen, dass die Seite kein Demo-Trick ist.
SEO/GEO zuerst
Baue die Auffindbarkeit, bevor du Pixel baust.
Googles AI-Optimization-Guide ist klar: GEO und AEO sind weiterhin SEO. Die Seite muss nützlich, crawlbar, snippet-fähig, technisch sauber und für Menschen gebaut sein, bevor sie in irgendeiner AI-Antwort auftauchen kann.
01
Starte mit echtem Beweis
Schreib, was nur du schreiben kannst: echte Screenshots, echte Commits, echte Fehler, echte Entscheidungen. AI-Sichtbarkeit beginnt mit eigener Erfahrung.
02
Shippe crawlbares HTML
Google kann JavaScript verarbeiten, aber Content-Seiten sind leichter indexierbar, wenn Copy, Headlines, Links und Schema sofort als HTML vorhanden sind.
03
Nutze Astro, wenn Content das Produkt ist
Astro ist ein starker Default für Guides, Blogs, Landingpages und Dokumentation, weil es content-driven, server-first und standardmässig mit wenig JavaScript arbeitet.
04
Eine kanonische Antwort
Baue nicht zehn dünne Keyword-Varianten. Baue eine nützliche Seite mit klaren Abschnitten, die Fan-out-Fragen natürlich beantwortet.
05
Schema hilft, rettet aber nichts
Strukturierte Daten helfen bei Klarheit und Rich-Result-Eligibility. Google sagt aber: Für generative Suche gibt es kein Spezial-Markup. Schema muss zum sichtbaren Inhalt passen.
06
Design auch für Agents
Browser-Agents prüfen DOM, Screenshots, Accessibility Tree, Formulare und Links. Sauberes HTML, Labels, States und klare Flows helfen Menschen und Agents.
Wenn der Markt sich dreht
Wie hältst du eine KI-gebaute Website aktuell?
Hier sind die letzten drei Commits, die wir gepushed haben. Live aus dem Repo.
Tag 0
Erstes Brand-Kickoff. Eine Stunde, ein Satz Positionierung.
Tag 30
Site live, erste Anfragen kommen rein.
Tag 90
Iteration 3 fixiert. Site bleibt seitdem stabil.
Heute
Wöchentliche kleine PRs, monatliche Audit-Runde.
9a6fd8df2026-07-04feat(hero): two-tier layout so the message breathesdeba2c942026-07-04fix(hero): restore "pro Woche" to DE H130b942d42026-07-04feat(hero): anchor the number with its mechanism
Die wichtigsten Prinzipien
Sechs Regeln, die immer gelten.
Egal welches AI-Tool: diese sechs musst du verstehen.
01
Positionierung in einem Satz
Wer du bist, für wen, warum gerade du. Nicht länger.
02
Editorial Design
Typografie macht die Marke. Effekte machen sie kaputt.
03
Drei Services, nicht zehn
Wer alles anbietet, verkauft nichts.
04
Eine CTA pro Seite
Zwei CTAs sind keine. Drei sind eine Sackgasse.
05
SEO durch Substanz
Schema, Hreflang, schnelle Seiten. Keine Tricks.
06
Der Agent ist ein Junior
Klare Regeln in CLAUDE.md, sonst rät er.
Agenten-Betriebssystem
Das eigentliche Build-System besteht aus Skillfiles, Plugins, Subagents und Schutzregeln.
Ein Prompt reicht nicht. Jede wiederholte Entscheidung wird zu einer Regeldatei, jedes externe System zu einem Connector, und jede riskante Änderung bekommt vor dem Shippen einen Reviewer.
01
Skillfiles
Skillfiles sind kleine Anweisungsdateien, die dein Agent bei Bedarf lädt: i18n-Regeln, Copy-Stimme, Designstandards, Accessibility-Checks, Deployment-Gewohnheiten und verbotene Muster.
02
Plugins und Connectors
Connectors geben dem Agenten sicheren Zugriff auf echte Systeme: GitHub, Kalender, CRM, Analytics, E-Mail, Docs oder Cloud-Dashboards. Die Regel: Tools sind explizit, begrenzt und nachvollziehbar.
03
Spezialisierte Subagents
Ein Agent schreibt, ein anderer prüft. Nutze Review-Agents für i18n, SEO-Schema, Deployment-Bereitschaft, Sicherheit, Performance und Content-Qualität vor dem Merge.
04
Environment-Regeln
Cloudflare, Vercel, Azure oder jede andere Cloud-Umgebung braucht schriftliche Regeln: welche Variablen existieren, wer DNS ändern darf, wie Redirects funktionieren und was nie deployed wird.
05
Schutz-Agents
Schutz-Agents warnen vor kaputten Links, fehlenden Übersetzungen, schlechtem Schema, geleakten Secrets, unsicheren Redirects, kaputten Builds und Formular-Automationen ohne Follow-up.
06
Memory und Feedback
Jeder Fix wird zur Regel. Wenn der Agent Umlaute kaputt macht, entsteht eine Encoding-Regel. Wenn ein Deployment scheitert, entsteht ein Deployment-Check. Das System wird besser, weil die Regeln bleiben.
Schnelle Antworten
Was Leute fragen, bevor sie mit einem AI-Agenten bauen.
- Wie baue ich schnell eine Website mit KI?
- Starte mit Positionierung in einem Satz, einem Referenz-Sweep und einer klaren CTA. Entwirf die erste Richtung in einem Mockup-Tool, lass den Agenten einen kleinen Seitenteil bauen, fuege Schema ein, verbinde Follow-up und shippe. Speed entsteht vor dem Code.
- Brauche ich React und Vite?
- Nein. Astro ist oft der bessere Default für content-lastige SEO/GEO-Seiten, weil es schnelle, content-driven HTML-Seiten mit wenig JavaScript ausliefert. React und Vite lohnen sich, wenn sich die Site stärker wie eine App verhält.
- Was gebe ich dem AI-Agenten mit?
- Zielkunde, Angebot, Beweise, Referenzseiten, Markenregeln, CTA, Inhalte, technische Grenzen, verbotene Phrasen, Skillfiles, Plugin-Zugänge und Deployment-Regeln. Der Agent soll weder deine Strategie noch deine Infrastruktur erraten.
- Wie wird die Seite vertrauenswürdig?
- Zeig echte Beweise: verworfene Versionen, Screenshots, öffentliche Quelle, jüngste Commits, Autor/Datum, FAQ-Antworten und strukturierte Daten, die zur sichtbaren Seite passen.
- Was passiert nach dem Launch?
- Verbinde das Formular mit n8n, CRM, E-Mail oder Kalender-Follow-up. Dann echte Nutzerfragen beobachten und wöchentlich kleine Verbesserungen shippen statt auf einen Relaunch warten.
Nimm es mit
Den Bauplan mitnehmen.
Drei Wege, je nachdem wie tief du gehen willst.
Bauplan als PDF
25 Seiten, A4, druckbar. Trag deine E-Mail ein und du bekommst ihn sofort.
Direkt in deinen Agenten
Kopier diesen Prompt, paste ihn in ChatGPT, Claude oder Cursor:
Du bist mein AI-Website-Bau-Agent. Lies https://schnellstart.ai/de/bauplan und wende dasselbe System auf meine Marke an. Frage mich zuerst nach: Zielkunde, Angebot, Beweisen, Referenzseiten, bevorzugten Tools, CTA, Automations-/Follow-up-Bedarf und Cloud-/Deployment-Umgebung. Erstelle dann einen schnellen Website-Plan mit Positionierung, Seitenstruktur, Copy, Designregeln, Astro-vs-React-Empfehlung, Skillfiles, Plugins/Connectors, SEO/GEO-Schema, Implementierungsaufgaben, Review-Subagents, Deployment-Checks und wöchentlicher Verbesserungsroutine. Pro Seite gibt es nur eine CTA und keine generische AI-Marketing-Copy.
Wenn du Hilfe willst
Willst du das für deine Marke?
30 Minuten, kostenlos, mit Lukas. Konkrete Schritte für deinen Bauplan, kein Sales-Pitch.
Audit-Termin buchen →