Ich habe Claude Code meine Webseite bauen lassen – was wirklich funktioniert hat und was nicht

Ich wollte eigentlich nur einen einzigen Button auf meiner Webseite ändern. Zwei Stunden später hatte Claude schon die halbe Seite neu gebaut!

Klingt wie Zauberei, oder? Aber wie bei jedem echten KI-Experiment war der Weg dorthin gepflastert mit Lernen, Verwirrung und ein paar amüsanten (und auch etwas frustrierenden) Fehlern. Als ehemalige Webdesign-Dozentin, die heute in der Welt der KI lebt und atmet, habe ich mich entschlossen, ins kalte Wasser zu springen – mit Claude Code. Hier ist die ganze Wahrheit darüber, was hinter den Kulissen passiert ist.

Was ist Claude Code eigentlich?

Claude Code ist ein fortgeschrittenes Entwicklungstool von Anthropic, das direkt über die Kommandozeile (Terminal) läuft. Anders als die gewohnte Nutzung von Claude im Browser arbeitet Claude Code als „Agent" – es hat direkten Zugriff auf die Dateien deiner Webseite, kann sie lesen, die Zusammenhänge zwischen ihnen verstehen, Tests ausführen und neuen Code direkt in dein Projekt schreiben.

Braucht man Programmierkenntnisse, um es zu nutzen?

Das ist die Millionen-Dollar-Frage. Die kurze Antwort: Nicht, um anzufangen – aber schon, um nicht verloren zu gehen.

Claude Code übernimmt wirklich den größten Teil der harten Arbeit. Es schreibt HTML, CSS und JavaScript für dich. Aber – und hier kommt das große Aber – ohne ein Grundverständnis davon, wie eine Webseite aufgebaut ist, wird es dir sehr schwerfallen zu erklären, was du willst, und vor allem zu erkennen, wann es Unsinn macht (und das passiert!). Ein Grundverständnis hilft dir, die Chefin der KI zu sein – nicht nur ihr Publikum.

Was kostet die Nutzung von Claude Code?

Die Nutzung von Claude Code ist nicht im regulären Claude-Pro-Abo enthalten, sondern basiert auf nutzungsbasierter Abrechnung (API Pay-as-you-go).

• Für kleine, gezielte Änderungen liegen die Kosten bei wenigen Cent.
• Wenn du es stundenlang an einem großen Projekt mit vielen Dateien arbeiten lässt, können sich die Kosten auf einige Dollar pro Sitzung summieren. Das ist immer noch deutlich günstiger als ein menschlicher Programmierer, aber es lohnt sich, dein API-Budget im Blick zu behalten.

Welche kritischen Fehler sollte man vermeiden?

1. Nie ohne Backup (Git) arbeiten: Lass Claude Code niemals an deine Webseite, ohne dass eine aktive Versionskontrolle (wie Git) läuft. Claude kann in einer Sekunde Code löschen oder verändern, der einwandfrei funktioniert hat. Mit Git kannst du immer „Rückgängig" machen und das Rad zurückdrehen.
2. Keine riesigen Aufgaben auf einmal geben: Statt „Bau mir eine komplette Webseite" zu sagen, gib gezielte Aufgaben. Zum Beispiel: „Erstelle mir ein oberes Navigationsmenü, das für Handys geeignet ist."

💡 Was ich heute anders mache

Früher habe ich die KI einfach laufen lassen und versucht, komplexe Probleme auf einmal zu lösen. Heute ist mein Ansatz völlig anders:

• Kleine Schritte und enge Kontrolle: Ich lasse die KI eine kleine Änderung nach der anderen machen, prüfe sie im Browser und gehe erst dann zum nächsten Schritt.
• Ich habe aufgehört, alles allein machen zu wollen – aber auch aufgehört, ihr blind zu vertrauen: Ich habe gelernt, dass KI ein fantastisches Werkzeug ist, das wahnsinnig viel Zeit spart, aber einen menschlichen Projektleiter braucht, der ihr sagen kann: „Stopp, hier hast du einen Fehler gemacht."