Dateien mit Claude bauen
Du beschreibst, Claude baut
⏱ ca. ~7 Min
01 · Lesen
Bisher hast du Claude Code genutzt, um Code zu verstehen. Jetzt nutzen wir es, um etwas von Grund auf zu bauen.
Hier wird es spannend. Statt jede HTML-, CSS- und JavaScript-Zeile selbst zu schreiben, beschreibst du in natürlicher Sprache, was du willst. Claude schreibt den Code, baut die Dateien, du prüfst das Ergebnis.
Deine Rolle wechselt von Tipper zu Regisseur. Du entscheidest, was gebaut wird, beschreibst es klar und lenkst Claude, damit es passt. Die Qualität dessen, was Claude erzeugt, hängt direkt davon ab, wie klar du beschreibst.
💡 Stell dir das so vorEs ist wie mit einem sehr talentierten, aber wörtlich denkenden Architekten zu arbeiten. Du sagst 'bau mir ein Haus', und du bekommst ein Haus — aber vielleicht nicht das, was du dir vorgestellt hast. Du sagst 'bau mir ein zweistöckiges Haus mit Veranda rundherum, blauer Fassade und großen Küchenfenstern', und du bekommst etwas, das deiner Vorstellung nahekommt.
02 · Prompt-Vorlage
Bauen wir eine Webseite. Bitte Claude, eine HTML-Seite mit einer Navigationsleiste zu bauen. Sei klar, was in die Navi soll.
Bau mir eine HTML-Seite mit einer Navigationsleiste, die drei Links enthält: Home, Über, Kontakt — in einem klaren, modernen Stil.
03 · Echte Übung
Öffne die von Claude erzeugte Datei im Browser, um das Ergebnis zu sehen. Du kannst das aus dem Terminal heraus tun.
open index.html
04 · Prompt-Vorlage
Jetzt lass Claude etwas zu dem hinzufügen, was es gebaut hat. Das zeigt Claudes Fähigkeit, Kontext zu verstehen — es weiß, welche Dateien existieren, und ändert sie intelligent.
Füg dieser Seite ein Dark-Mode-Farbschema hinzu. Bitte erstelle eine separate CSS-Datei und verlinke sie aus dem HTML.
05 · Lesen
Sieh dir an, was gerade passiert ist. Du hast in natürlicher Sprache beschrieben, was du willst — zweimal. Claude hat beide Male Code geschrieben. Deine Aufgabe ist es, ihn zu prüfen, im Browser zu testen, zu iterieren.
Das ist der moderne Entwicklungs-Workflow mit KI:
1. Beschreibe, was du willst 2. Prüfe, was Claude gebaut hat 3. Teste (im Browser öffnen, ausführen usw.) 4. Iteriere, indem du Änderungen anforderst
Du bist nicht nur Passagier — du bist Entscheider. Claude ist schnell, aber du musst wissen, ob das Ergebnis stimmt und gut genug ist.
Kernpunkte
- Claude baut echte Dateien in deinem Projektverzeichnis
- Prüfe und teste immer, was Claude erzeugt
- Claude merkt sich den Kontext — es weiß, welche Dateien schon existieren
- Iteriere, indem du Änderungen anforderst, nicht von vorn anfängst
06 · Ausfüllen
Nachdem Claude Dateien gebaut hat, solltest du sie immer _____, bevor du commitst.
07 · Quiz
Was ist der empfohlene Workflow, um Dateien mit Claude Code zu bauen?
- Aus dem Web kopieren, einfügen, ausführen
- Beschreiben, prüfen, testen, iterieren
- Selbst Code schreiben, Claude die Fehler beheben lassen
- Claude alles bauen lassen, ohne zu prüfen
Andere Lektionen aus diesem Kapitel
⚠ Das volle interaktive Erlebnis braucht JavaScript. Bitte aktiviere es und lade die Seite neu.
※ Diese Seite ist ein unabhängiges Bildungsprojekt — kein offizielles Anthropic-Produkt. Claude™ ist eine eingetragene Marke von Anthropic, PBC.