Ein kleines Web-Tool mit Claude Code bauen

Einen Umfang wählen, den ein Agent bewältigen kann.

Die Tools, die funktionieren, sind absichtlich winzig: eine Aufgabe, browserlokal, keine Konten, kein Backend, nichts wird hochgeladen. Denken Sie an einen Text-Diff, einen Muster-Generator, einen Rechner. Dieser Umfang passt in eine HTML-Datei, sodass der Agent sie in einer einzigen Schleife bauen, testen und korrigieren kann — und das Hosting ist überall kostenlos.

Was Sie brauchen.

• Claude Code — im Claude-Pro-Plan enthalten (17 $ im Monat bei jährlicher Abrechnung, 20 $ monatlich). Läuft im Terminal, in der Claude-Desktop-App oder im Browser.
• Ein leerer Ordner und ein Browser zum Testen.
• Ein Absatz Absicht — siehe den Brief in Schritt zwei.

Von der Idee bis zum Launch in sechs Schritten.

1. Installieren Sie Claude Code, melden Sie sich mit Ihrem Claude-Konto an und öffnen Sie es im leeren Ordner.
2. Schreiben Sie den Brief: was das Tool tut, für wen es ist und die Einschränkungen — eine index.html, inline CSS und JavaScript, alles im Browser berechnet, nichts an einen Server gesendet.
3. Lassen Sie den Agenten die erste Version bauen, öffnen Sie dann die Datei im Browser und nutzen Sie sie wie ein Fremder.
4. Melden Sie in einfacher Sprache, was nicht stimmt — der Agent korrigiert die Dateien direkt, daher ist "der Kopieren-Button macht in Safari nichts" eine vollständige Anweisung.
5. Prüfen Sie das Layout bei drei Breiten mit dem kostenlosen Responsive-Preview-Tool.
6. Veröffentlichen Sie die Datei auf einem beliebigen kostenlosen statischen Host und führen Sie zuerst das Launch Checklist Prompt aus — der Launch-Check-Guide zeigt wie.

Was es wirklich kostet.

Ein kleines Tool kostet ein Abo, kein Entwicklungsbudget. Diese gesamte Site — jedes kostenlose Tool und jede Seite darauf — hat ein öffentliches Build-Log, das die Gesamtsumme auf etwa 565 bis 825 $ an KI-Nutzung beziffert (siehe die Release Notes). Ein Tool ist ein kleiner Ausschnitt davon. Claude Pro enthält Claude Code für 17 $ im Monat bei jährlicher Abrechnung — dieser Claude-Empfehlungslink hilft Ihnen beim Einstieg.

Wenn ein kleines Tool das falsche Vorhaben ist.

Konten, Zahlungen, gespeicherte Nutzerdaten oder alles Sensible sprengen das browserlokale Modell — dafür braucht es ein echtes Backend und echte Entwicklung. Und wenn Sie eigentlich eine Landingpage statt eines Tools brauchen, ist ein Carrd-Template der kürzere Weg.