Claude Code 101

Du tippst etwas an ChatGPT oder Claude. Es tippt etwas zurück. Manchmal ist es genau das, was du gebraucht hast. Manchmal nicht, und du formulierst um und versuchst es nochmal.

Dieses Hin-und-Her machst du, ohne darüber nachzudenken. Aber es ist tatsächlich eine Fähigkeit. Eine wertvolle. Einer AI in klarer Sprache beschreiben, was du willst, das Ergebnis lesen und Feedback geben, bis es passt.

Hier ist ein Beispiel, das du kennen wirst. Du bittest Claude, eine Produktbeschreibung zu schreiben:

Drei Runden. Jede besser. Du hast kein spezielles Training gebraucht. Du hast einfach beschrieben, was du wolltest, und gesagt, was nicht stimmte. Genau so funktioniert Claude Code auch. Der Unterschied ist nur, was die AI produziert. Statt Text produziert sie funktionierende Software. Aber deine Fähigkeit, beschreiben und verfeinern, ist dieselbe.

Wichtigste Erkenntnis

Denk an das letzte Mal, als du ChatGPT oder Claude gebeten hast, etwas zu schreiben. Diese Fähigkeit, klar zu beschreiben was du willst, ist genau das, was Claude Code nutzt. Alles Weitere baut darauf auf.

Was passiert, wenn du über Text hinausgehst

Du hast ChatGPT nach einer einfachen Webseite gefragt. Oder einem Rechner. Die AI gab dir einen Codeblock. Du hast ihn kopiert. In eine Datei eingefügt. Im Browser geöffnet. Und dann...

Warum das passiert

Die AI hat einwandfreien Code geschrieben. Das Problem ist alles drumherum. Eine echte Website ist nicht ein Codeblock. Es sind Dateien, die voneinander wissen. Eine Möglichkeit, das Ergebnis live zu sehen. Eine Möglichkeit, eine Sache zu ändern, ohne etwas anderes kaputtzumachen. Eine Möglichkeit zu testen. Eine Möglichkeit, es ins Internet zu stellen.

Wenn du aus einem Chatfenster kopierst und einfügst, bist du derjenige, der all diese Teile verbindet. Das ist die Obergrenze. Nicht die Qualität der AI. Deine Fähigkeit, der Kleber zwischen einem Codeblock und einem funktionierenden Produkt zu sein.

Die Tools, die wir in den nächsten Lektionen erkunden, beseitigen diese Obergrenze. Du hörst auf, der Kleber zu sein. Die Tools kümmern sich um die Verbindungen. Du kümmerst dich um die Ideen.

Wichtigste Erkenntnis

Der Sprung von Browser-AI zu Editor-AI ist nützlich, aber begrenzt. Die AI schlägt vor. Du entscheidest, platzierst und verifizierst immer noch alles selbst.

Bevor wir tiefer ins Wie einsteigen, schauen wir uns das Was an. Das sind Dinge, die von normalen Menschen mit Ideen gebaut wurden. Keine Entwickler. Keine Techfirmen.

Das Muster ist immer dasselbe. Beschreib, was du willst. AI baut es. Gib Feedback. Pass an. Deploy. Die Tools kümmern sich um den Code. Du kümmerst dich um die Vision.

Wichtigste Erkenntnis

Der Unterschied ist nicht das AI-Modell. Es ist das Gerüst: CLAUDE.md für Gedächtnis, Skills für Regeln, MCP's für Verbindungen, Plan Mode zum erst Nachdenken.

Wenn du Claude im Browser benutzt, führst du ein Gespräch. Die AI gibt dir Text. Dieser Text kann Code enthalten, aber es ist immer noch nur Text in einem Fenster. Du kopierst ihn irgendwohin. Du hoffst, dass es funktioniert.

Bauende AI ist grundlegend anders. Die AI gibt dir keinen Text. Sie ändert Dateien auf deinem Computer. Erstellt neue. Führt Befehle aus. Testet Dinge. Deployt ins Internet.

Das ist der fundamentale Wandel. Es geht nicht um schlauere AI. Es geht um AI, die Dinge tunkann, nicht nur sagen.

Wichtigste Erkenntnis

Eine typische Session: Projekt öffnen, Claude Code starten, beschreiben was du willst, den Plan prüfen, Claude bauen lassen, Feedback geben, speichern. Die ganze Zeit beschreibst du das Was, Claude kümmert sich um das Wie.

"Projekt" klingt einschüchternd. Wie sechs Monate Meetings und ein Gantt-Chart. In unserer Welt ist ein Projekt einfach ein Ordner auf deinem Computer mit Dateien drin. Diese Dateien sind deine Website.

Wenn du etwas "baust", fügst du Dateien zu diesem Ordner hinzu. Wenn du "deployst", lädst du den Ordner ins Internet hoch. Wenn du "deine Arbeit speicherst", machst du einen Snapshot, zu dem du später zurückkehren kannst.

Das Kunden-Aufnahmeformular des Freelancers? Ungefähr 20 Dateien in einem Ordner. Die AI hat sie alle aus Beschreibungen erstellt. Der Ordner wurde ins Internet hochgeladen. Leute besuchen die URL. Das ist die ganze Geschichte.

Wichtigste Erkenntnis

Du brauchst keinen Sechsmonatsplan. Beschreibe eine Landingpage oder ein Tool. Claude baut es. Du gibst Feedback. Du deployst. Fertig.

Das größte Missverständnis: du musst alles perfekt im Voraus beschreiben. Den perfekten Prompt schreiben. Das perfekte Ergebnis beim ersten Versuch bekommen.

Nein. Die besten Ergebnisse kommen vom grob anfangen und verfeinern. Schau, wie sich ein echtes Projekt entwickelt:

Vier Runden. Jede baut auf der vorherigen auf. Du musstest das nicht alles im Voraus planen. Du hast entdeckt , was du wolltest, indem du die Ergebnisse gesehen hast. Genau so funktioniert der Workshop-Kurs später.

Wichtigste Erkenntnis

Die besten Ergebnisse kommen durch Iteration, nicht durch den perfekten ersten Prompt.

Du hast etwas auf deinem Computer gebaut. Es funktioniert in deinem Browser. Aber nur du kannst es sehen. "Deployen" bedeutet: es ins Internet stellen, damit jeder mit dem Link es besuchen kann.

Der Website-Bewerter der kleinen Agentur ging von "läuft auf meinem Laptop" zu "live im Internet" in etwa 5 Minuten. Sie teilten den Link auf LinkedIn. Leute fingen sofort an, ihn zu nutzen. Das Ganze ist immer noch nur ein Ordner mit Dateien, aber jetzt liegen diese Dateien auf einem Server statt auf einem Laptop.

Wichtigste Erkenntnis

Deployen ist nicht kompliziert. Es ist einen Ordner hochladen und einen Link bekommen.

Ist dir aufgefallen, dass gut gestaltete Websites überall konsistente Farben haben? Der Button ist dasselbe Orange wie der Überschriften-Akzent. Der Abstand zwischen Sektionen ist immer gleich. Nichts sieht "komisch" aus.

Das liegt nicht daran, dass jemand manuell Farben auf jedem Element abgeglichen hat. Es liegt an einem System. Du definierst deine Farben, Schriftarten und Abstände einmal, an einer Stelle. Alles in der App verweist auf diese eine Stelle.

Der Berater änderte seine gesamte Akzentfarbe von Grün zu Blau. Eine Änderung. Zehn Sekunden. Alles aktualisiert. Dieses System wird ganz am Anfang eingerichtet und arbeitet danach leise im Hintergrund.

Wichtigste Erkenntnis

Design Tokens sorgen für Konsistenz. Ändere deine Akzentfarbe einmal, es aktualisiert sich überall in 10 Sekunden.

Selbst wenn du heute nur Englisch brauchst, ist es wichtig, wie du mit Text umgehst. Wenn du "Roast it" direkt auf einen Button in deinem Code schreibst und später Deutsch hinzufügen willst, musst du jedes Stück Text in jeder Dateifinden. Für eine kleine App sind das Dutzende Strings. Für eine echte App Hunderte.

Die Alternative: all dein Text lebt in Übersetzungsdateien. Der Button sagt "benutze den Text namens submitButton." Die englische Datei sagt, das ist "Roast it." Eine deutsche Datei würde sagen "Roast es."

Die Reservierungsseite des Restaurants war anfangs nur auf Englisch. Drei Monate später fügten sie Niederländisch und Deutsch hinzu. 20 Minuten pro Sprache. Weil das System von Tag eins da war.

Wichtigste Erkenntnis

Auch wenn du heute nur eine Sprache brauchst, nutze das Übersetzungssystem. Dein zukünftiges Ich wird dir dankbar sein.

Hier ist etwas Interessantes über die Arbeit mit AI: nachdem sie etwas gebaut hat, kannst du sie bitten, ihre eigene Arbeit zu reviewen.

Du sagst so etwas wie: "Schau dir alles an, was du gerade gemacht hast. Funktioniert es auf einem Handybildschirm? Sind die Farben konsistent? Hast du etwas übersehen?"

Und sie findet Dinge. Jedes Mal. Nicht weil die AI schlecht im Bauen ist. Weil Bauen komplex ist und ein frischer Blick das auffängt, was beim ersten Durchgang übersehen wurde. Der gleiche Grund, warum du eine wichtige E-Mail nochmal liest, bevor du sie abschickst.

Was die Review typischerweise findet

• Ein Layout, das auf dem Laptop gut aussieht, aber auf dem Handy überläuft
• Eine Farbe, die direkt geschrieben wurde, statt das Design-System zu nutzen
• Text, der auf Englisch geblieben ist, statt über die Übersetzungsdatei zu gehen
• Ein Formular, das leere Eingaben akzeptiert, ohne eine Fehlermeldung anzuzeigen
• Ein Button, der klickbar aussieht, aber eigentlich noch nichts tut

Das Dashboard des Teamleiters hatte ein Mobilproblem, das niemand beim Bauen bemerkt hat. Die Review fand es, bevor sie es mit dem Team teilten. Der Fix dauerte 30 Sekunden.

Bauen, dann reviewen. Immer. Es ist die einfachste Gewohnheit, die den größten Unterschied in der Qualität macht.

Wichtigste Erkenntnis

Bauen, dann überprüfen. Bauen, dann überprüfen. Die günstigste Qualitätsverbesserung, die du je machen wirst.

Fassen wir alles zusammen. Nichts davon ist kompliziert. Jedes Teil ist einfach. Zusammen ergeben sie einen Prozess.

Das ist der gesamte Prozess. Wiederhole ihn für jedes Feature. Es gibt keinen mysteriösen Schritt, bei dem du plötzlich Programmieren verstehen musst.

Wichtigste Erkenntnis

Beschreiben → Bauen → Feedback → Anpassen → Testen → Deployen. Wiederhole für jede Funktion. Das ist der ganze Prozess.

Was du in diesem Kurs gesehen hast

• Was Leute mit diesen Tools bauen (echte Beispiele, echte Ergebnisse)
• Wie der Prozess funktioniert (beschreiben, bauen, Feedback, anpassen, deployen)
• Warum bauende AI anders ist als Chat AI (sie tut Dinge, nicht nur sagen)
• Was ein Projekt wirklich ist (ein Ordner mit Dateien)
• Warum Design Tokens und Übersetzungen wichtig sind (einmal einrichten, für immer profitieren)
• Wie Reviewen Probleme frühzeitig auffängt (bauen, dann reviewen)

Die nächsten Kurse sind hands-on

Du hast gesehen, was möglich ist. Der nächste Schritt ist, selbst loszulegen.

Wichtigste Erkenntnis

Du hast gesehen, was möglich ist. Nächster Schritt: selbst loslegen.