Dein erstes kleines Tool mit Claude Code
Von null bis zu einem Werkzeug, das im Browser läuft: Claude Code installieren, einen guten Auftrag schreiben, testen, verbessern, sichern und online stellen. Ohne dass du vorher programmieren kannst.
Was du brauchst
- Einen PC mit Internet
- Ein Claude-Konto
- Eine Idee für ein kleines Werkzeug
- Etwa eine Stunde Zeit
Was du nicht brauchst
- Programmierkenntnisse
- Einen eigenen Server
- Teure Software
- Angst vor dem Terminal
Was Claude Code ist
Claude Code ist Claude, aber nicht im Chatfenster, sondern in deinem Terminal, also dem schwarzen Fenster mit Textbefehlen. Der Unterschied: Claude Code kann direkt in deinem Ordner Dateien anlegen, ändern und Befehle ausführen. Du sagst, was du willst, und es baut.
Vorher fragt es dich, bevor es etwas Wichtiges tut. Du behältst die Kontrolle.
Als Beispiel bauen wir einen Pomodoro-Timer: 25 Minuten arbeiten, 5 Minuten Pause, mit Ton am Ende. Klein, nützlich, in einer Stunde fertig. Genau so eine Seite war übrigens auch eine der Aufgaben im Modell-Dreikampf.
Schritt für Schritt
Node.js installieren
Claude Code braucht Node.js. Das holst du dir von nodejs.org, einfach die empfohlene Version installieren und durchklicken.
Claude Code installieren
Terminal öffnen (unter Windows: PowerShell) und diesen Befehl eintippen. Beim ersten Start meldest du dich mit deinem Claude-Konto an.
npm install -g @anthropic-ai/claude-code
Einen Ordner fürs Projekt anlegen
Jedes Werkzeug bekommt einen eigenen Ordner. Dann kommt nichts durcheinander.
mkdir pomodoro
Reingehen und Claude Code starten
Ab jetzt arbeitet Claude Code nur in diesem Ordner.
cd pomodoro
Starten
Jetzt bist du im Gespräch mit Claude Code.
claude
Der wichtigste Teil: dein Auftrag
Hier entscheidet sich, ob du nach fünf Minuten was Brauchbares hast oder nach einer Stunde frustriert bist.
So eher nicht
„Mach mir einen Pomodoro-Timer.“ Claude Code baut dann irgendwas. Vielleicht mit Framework, vielleicht mit fünf Dateien, vielleicht auf Englisch. Alles Annahmen.
So klappt's
„Bau mir einen Pomodoro-Timer als eine einzige HTML-Datei, ohne Frameworks. 25 Minuten Arbeit, 5 Minuten Pause, Start- und Reset-Knopf, kurzer Ton am Ende. Große Ziffern, deutsche Beschriftung. Ich bin Anfänger, erklär mir danach in drei Sätzen, wie der Code aufgebaut ist. Wenn was unklar ist, frag vorher.“
Der gute Auftrag sagt, was rauskommen soll, wie es aussehen soll, was nicht und wer du bist. Genau dafür gibt’s auf diesem Blog den Prompt-Baukasten: Felder ausfüllen, kopieren, bei Claude Code einfügen.
Testen, verbessern, sichern
Datei im Browser öffnen
Claude Code sagt dir, wie die Datei heißt. Doppelklick drauf, sie geht im Browser auf. Probier alles aus.
Wünsche nachschieben
Was dir nicht gefällt, sagst du einfach. Eins nach dem anderen, nicht zehn Sachen auf einmal. Zum Beispiel: „Die Ziffern sollen noch größer sein.“
Nachfragen, was der Code macht
„Erklär mir die Funktion, die runterzählt.“ So verstehst du mit der Zeit, was da passiert.
Mit Git sichern
Sobald was läuft: speichern. Dann kannst du jeden Umbau rückgängig machen. Sag Claude Code einfach „Leg ein Git-Repository an und speicher den Stand“.
Online stellen, wenn du magst
Mit Vercel geht so eine Datei kostenlos online, mit eigener Adresse. Auch dabei hilft dir Claude Code. Dieser Blog läuft genauso.
Ein paar Befehle, die du in Claude Code öfter brauchst: /clear fängt frisch an, /compact fasst ein langes Gespräch zusammen, /help zeigt alles. Mit Esc unterbrichst du, wenn Claude in die falsche Richtung läuft. Mehr auf dem Spickzettel.
Was oft schiefgeht
- Zu viele Wünsche auf einmal. Lieber fünf kleine Runden als eine große. Sonst wird’s unübersichtlich und du weißt nicht mehr, was was kaputt gemacht hat.
- Nicht gesichert. Ein Umbau geht schief, und die alte Version ist weg. Deshalb Git, früh.
- Alles blind übernommen. Wenn Claude Code fragt, ob es etwas löschen oder installieren darf: lesen, nicht einfach Ja drücken.
- Riesiges Projekt als erstes. Fang klein an. Erst der Timer, dann die App.