Webseiten-Bau mit Claude Code: der ehrliche Anfänger-Guide.
Warum die meisten am ersten Tag scheitern, was wirklich auf dein Projekt gehört, und wie du in 45 Minuten produktiv wirst. Aus der Praxis, in der ich selbst täglich baue.
Die kurze Antwort vorab
Claude Code wird zum produktiven Werkzeug, sobald drei Dinge stimmen: ein Pro-Account, eine kurze, präzise CLAUDE.md im Projekt-Root, und mindestens ein wiederverwendbarer Skill für die Aufgabe, die du am häufigsten brauchst. MCPs kommen später. Mehr brauchst du in den ersten Wochen nicht.
Warum die meisten am ersten Tag scheitern
Du sitzt vor einem leeren Terminal, der Cursor blinkt, und plötzlich ist jeder Schritt eine Frage. Du hast irgendwo gelesen, dass man mit Claude Code in einem Nachmittag eine Webseite baut, und jetzt funktioniert bei dir nichts so, wie es bei anderen scheint zu funktionieren.
Diese Lücke zwischen „geht angeblich" und „läuft bei mir" hat genau eine Ursache: Claude Code ist kein Chat. Es ist ein Werkzeug im Terminal, das deinen Projekt-Ordner liest, deine Dateien öffnet, neuen Code schreibt und Tests ausführt. Wenn du es mit dem Chat-Muster fütterst, das du von ChatGPT kennst, bekommst du Chat-Antworten zurück. Wenn du es mit einem klaren Setup fütterst, bekommst du fertige Webseiten-Komponenten.
Das ist die ganze Geschichte. Setup-Zeit ist Bauen-Zeit, nur unsichtbar. Wer 30 Minuten in das Setup steckt, baut danach in Stunden, was sonst Tage gedauert hätte.
CLAUDE.md, Skills, MCPs. Mehr nicht.
CLAUDE.md
Eine einzige Markdown-Datei im Projekt-Root. Claude lädt sie automatisch bei jedem Start. Hier rein kommen Tech-Stack, Konventionen, deine Don'ts. Maximal 200 Zeilen. Kürzer ist besser, weil jeder zusätzliche Satz Kontext kostet, den Claude später beim Bauen braucht.
Skills
Wiederverwendbare Workflows, die du als Slash-Command aufrufst. Jeder Skill ist ein Ordner mit einer SKILL.md plus Helper-Skripten. Aufruf über /skill-name. Ein einziger Skill für deine häufigste Aufgabe reicht für den Start.
MCPs
Verbinden Claude mit externen Tools: Datenbank, Browser, Notion, Slack. Für deine erste Webseite brauchst du keinen einzigen MCP. Das wird erst ab Woche zwei oder drei interessant, wenn du etwas wirklich integrieren willst.
Die fünf häufigsten Anfänger-Fehler
Aus dem, was ich bei eigenen Projekten und in der Begleitung anderer immer wieder sehe.
1. CLAUDE.md wird zu lang
Wer alle Projekt-Details in die CLAUDE.md schreibt, frisst den Kontext auf, bevor Claude die erste Zeile Code geschrieben hat. Lieber kurz und konkret. Konkrete Anweisungen wie „2-Space Indentation" funktionieren deutlich besser als vage Anweisungen wie „formatiere schön".
2. Claude wird im falschen Verzeichnis gestartet
Wer claude außerhalb des Projekt-Roots aufruft, hat keinen Zugriff auf die CLAUDE.md und keinen Codebase-Kontext. Erkennbar daran, dass Claude generische Antworten gibt statt projekt-spezifischer. Lösung: vorher immer cd dein-projekt.
3. Free-Account statt Pro
Die Token-Limits im Free-Tier reichen für maximal zehn Minuten echte Arbeit, danach kommt Wartezeit. Wer ernsthaft baut, braucht Pro. 20 Euro im Monat sind weniger als eine Stunde Frust.
4. Keine Skills, jedes Mal alles neu erklären
Wer dieselbe Aufgabe fünfmal ohne Skill macht, verbringt mehr Zeit mit Erklären als mit Bauen. Spätestens beim zweiten Mal lohnt sich ein Skill. Das ist die Investition, die sich am schnellsten zurückzahlt.
5. Brand-Strategie fehlt komplett
Claude baut, was du beschreibst, aber nicht, was du brauchst. Wer ohne Brand-Vorgaben (Farben, Schrift, Voice, Zielgruppe) startet, bekommt ein technisch korrektes, aber generisches Ergebnis. Brand-Klarheit muss vor der ersten Code-Zeile stehen.
Was du in 45 Minuten erreichen kannst
Wenn du wirklich an einem Nachmittag eine Webseite mit Claude Code bauen willst, sind die ersten 45 Minuten der wichtigste Teil. Nicht der Code-Sprint danach.
- 10 Minuten für Pro-Account und Installation.
- 15 Minuten für eine kurze, präzise CLAUDE.md, die dein Projekt prägt.
- 20 Minuten für deinen ersten Skill, der die häufigste Aufgabe in deinem Projekt automatisiert.
Erst danach beginnst du mit der ersten echten Komponente. Diese 45 Minuten ersparen dir später Stunden. Wer ohne Setup losbaut, baut langsamer und kommt nicht weit. Wie sabala-mentoring.com selbst mit diesem Setup gebaut wurde, beschreibe ich im Artikel der Premium-Stack 2026.
Häufige Fragen
Was Leser typischerweise fragen.
Brauche ich Programmier-Vorerfahrung?
+
Hilft, ist aber nicht zwingend. Wer noch nie Code gesehen hat, sollte mit einem kleinen Projekt starten, nicht mit einer ganzen Webseite. Ich begleite regelmäßig Berater und Coaches ohne Tech-Hintergrund, die nach ein bis zwei Wochen produktiv bauen.
Reicht Claude.ai im Browser nicht?
+
Nein, weil Claude.ai keinen Zugriff auf deine Dateien hat. Du müsstest jeden Code-Block hin und her kopieren. Claude Code ist genau das Werkzeug, das diese Kopier-Hölle wegnimmt.
Welcher Editor passt am besten dazu?
+
VS Code ist der Standard, weil Anthropic eine offizielle Extension dafür anbietet. Für den Einstieg reicht das vollständig. Alternativen wie Cursor oder Zed funktionieren auch, sind aber ein Umweg.
Wie schnell amortisiert sich der Setup-Aufwand?
+
Bei der nächsten Komponente. Eine sauber eingerichtete CLAUDE.md plus ein Skill für deine häufigste Aufgabe sparen pro Komponente zehn bis fünfzehn Minuten Erklärungs-Aufwand. Bei einer Webseite mit zehn Komponenten amortisiert sich Setup schon im ersten Sprint.
Zwei Stunden Begleitung schlagen zwei Wochen Trial-and-Error.
Wer Claude Code für eine echte Premium-Webseite einsetzen will, profitiert vom direkten Sparring mehr als von zehn YouTube-Tutorials. Buch ein 30-Min-Gespräch, ich rechne dir vor, wie viele Stunden Begleitung dich vor Wochen Such-Frust schützen.