Eine Website mit Claude bauen: welche Skills du brauchst

Vor zwei Jahren brauchte eine gute Website ein Team: Designer, Entwickler, Texter, Wochen an Zeit. Heute kann eine einzelne Person mit Claude Code eine professionelle Seite bauen, in Tagen. Das ist keine Übertreibung, das ist die neue Realität.

Aber es gibt einen Haken, den kaum jemand ausspricht: Ohne die richtige Anleitung produziert jede KI dieselben Muster. Überall gleiche Karten, Farbverlauf-Überschriften, Standard-Schriften: der unverkennbare „KI-Look“. Der Unterschied zwischen einer Seite, die nach Baukasten aussieht, und einer, die aussieht wie von einer Agentur, liegt in zwei Dingen: der Reihenfolge und den Skills.

Kann ich eine Website mit Claude bauen?

Ja. Mit Claude Code kann eine einzelne Person eine professionelle Website in Tagen umsetzen: Du beschreibst, Claude baut, ihr verfeinert in Runden. Gut wird sie nur mit klarem Ziel, fester Reihenfolge (erst Struktur, dann Design) und hinterlegten Design-Skills, die den typischen KI-Look verhindern.

In welcher Reihenfolge baue ich die Website?

Der häufigste Anfängerfehler ist, sofort „bau mir eine Website“ zu sagen. Die KI baut dann irgendetwas Hübsches, das aber nichts verkauft, weil das Ziel fehlt. Gute Websites entstehen in einer klaren Reihenfolge: Ziel klären, Struktur festlegen, bauen lassen, prüfen und veröffentlichen.

1. 1Ziel klären: Für wen ist die Seite, was soll sie auslösen (Anfrage, Termin, Kauf)? Ohne Ziel kein gutes Design, nur hübsche Deko.
2. 2Struktur vor Optik: erst die Abschnitte und ihre Reihenfolge (Hero, Nutzen, Beweis, Handlung), dann das Aussehen. Die Struktur ist das Skelett, das Design die Haut.
3. 3Bauen lassen: Claude Code setzt die Seite um. Du beschreibst, es baut, ihr verfeinert gemeinsam in Runden.
4. 4Prüfen und live: Ladezeit, Handy-Ansicht, Rechtstexte, dann veröffentlichen.

Design ist nicht, wie es aussieht. Design ist, ob es das Ziel erreicht.

Bevor du irgendetwas baust: Stell mir Fragen zu meinem Angebot, meiner Zielgruppe und dem Ziel der Seite. Danach schlägst du mir eine Struktur vor (welche Abschnitte in welcher Reihenfolge und warum). Erst wenn ich die Struktur freigebe, fangen wir mit dem Design an.

Welche Skills braucht Claude für gutes Webdesign?

Drei Arten von Design-Skills machen den Unterschied: ein Anti-Slop-Skill gegen typische KI-Muster, ein Typografie- und Farb-Skill für Schrift und Akzent und ein Motion- und UX-Skill für ruhige Animationen, große Touch-Flächen und mobile-first. Ein Skill ist eine einmal geschriebene Anleitung, die Claude automatisch befolgt.

Damit die Seite nicht nach „KI-Standard“ aussieht, braucht Claude Design-Regeln, als Skills hinterlegt. Genau diese Regeln zwingen zu bewussten, geschmackssicheren Entscheidungen statt zur Schablone.

Ein Anti-Slop-Skill

Verbietet die typischen KI-Design-Tells: überall gleiche Karten, Farbverlauf-Text, Neon-Glühen, dieselben drei Standard-Schriften, generische Symbole. Ohne diese Regel greift jede KI zu denselben Mustern, und alle Seiten sehen gleich aus.

Ein Typografie- und Farb-Skill

Sorgt für harmonische Schrift-Paarungen, genau einen Akzent, getönte Neutrale statt reinem Schwarz und Weiß. Farbe und Schrift entscheiden über 80 % des ersten Eindrucks. Hier trennt sich billig von hochwertig.

Ein Motion- und UX-Skill

Dezente, hochwertige Animationen (nur ruhige Bewegungen, kein Zappeln), dazu die unsichtbaren Grundlagen: Touch-Flächen groß genug fürs Handy, sichtbare Fokus-Zustände, mobile-first. Das merkt niemand bewusst, aber alle spüren es.

Wie du solche Skills selbst anlegst, zeigt der Guide Eigene Skills für Claude bauen.

Wie entstehen Mockups und Design-Entwürfe mit KI?

KI-gestützte Mockup-Werkzeuge wie Google Stitch liefern in Minuten Design-Entwürfe für Desktop und Handy. Du bekommst früh eine Richtung, gibst Feedback, und Claude Code setzt das gewählte Design direkt in die funktionierende Seite um. Das spart Wochen gegenüber klassischem Zeichnen in einem Extra-Programm.

Früher wurde jedes Design mühsam in einem Extra-Programm gezeichnet, bevor eine Zeile Code entstand. Heute gibt es keinen Bruch mehr zwischen „Design“ und „Umsetzung“: grobe Richtung als Mockup, Feedback-Runde, dann die echte Seite.

Was du realistisch erwarten kannst

Für die allermeisten Unternehmen ist das Erste genau das, was verkauft. Die perfekte Seite, die nie fertig wird, bringt null Anfragen. Die gute Seite, die diese Woche live geht, bringt welche. Bau die gute Seite.

Die KI baut die Seite. Die Skills entscheiden, ob sie gut wird. Du entscheidest, ob sie live geht.

Der ehrliche erste Schritt

Du willst das Ergebnis, ohne selbst zu bauen? Genau das übernehmen wir in Web Dezign. Welche Prinzipien eine Seite zum Verkäufer machen, steht im Guide Die Website, die verkauft.

Häufige Fragen zum Website-Bauen mit Claude

Brauche ich Programmierkenntnisse, um mit Claude eine Website zu bauen?

Nein, du musst nicht programmieren können. Du beschreibst, was du willst, und Claude Code setzt es um. Wichtiger als Code ist ein klares Ziel für die Seite und die Bereitschaft, in Runden Feedback zu geben.

Wie lange dauert es, eine Website mit Claude zu bauen?

Eine schnelle, saubere Seite mit klarer Struktur und gutem Text ist in Tagen machbar. Aufwändige Spezial-Animationen und individuelle Details brauchen deutlich mehr Feinschliff. Für den Start reicht meist eine einfache Landingpage.

Warum sehen KI-Websites oft gleich aus?

Ohne Anleitung greift jede KI zu denselben Mustern: gleiche Karten, Farbverlauf-Überschriften, Standard-Schriften. Design-Skills, die diese Muster verbieten und Schrift, Farbe und Bewegung vorgeben, verhindern den typischen KI-Look.

Was muss ich vor der Veröffentlichung prüfen?

Ladezeit, Handy-Ansicht und Rechtstexte. Impressum, Datenschutzerklärung und gegebenenfalls ein Cookie-Banner müssen stimmen, bevor die Seite live geht. Mehr dazu steht im Guide Website-Recht ohne Angst.

Womit fange ich an, wenn ich noch nie mit Claude Code gearbeitet habe?

Mit einer einfachen Landingpage für ein einzelnes Angebot statt mit deiner Hauptwebsite. Daran lernst du Reihenfolge und Umgang mit Claude Code, ohne dass viel auf dem Spiel steht.