Vom Prompt zur Live-Website: Der neue Workflow mit Claude, GitHub und Vercel

Vom Prompt zur Live-Website: Der neue Workflow

Ein auf dev.to veröffentlichter Artikel beschreibt einen Workflow, der Claude als Code-Generator, GitHub als Versionsverwaltung und Vercel als Deployment-Plattform in einer durchgehenden Kette koppelt. Statt Claude wie einen Chatbot zu behandeln, aus dem man Code kopiert und manuell einfügt, schlägt der Autor vor, ein Entwicklungssystem aufzusetzen: You → Claude → Code → GitHub → Vercel → Live Website. Claude arbeitet am Projekt, GitHub speichert den Quellcode und dessen Historie, und Vercel deployt automatisch neuen Code, der in das verbundene Repository gepusht wird.

Der Ablauf beginnt damit, das Projekt mit Claude zu besprechen: Was ist das Produkt, wer sind die Zielnutzer, welches Problem wird gelöst, welche Hauptfunktionen gibt es, wie soll das Geschäft funktionieren, was ist bereits bekannt und was nicht. Auch Beispiele ähnlicher Websites können genannt werden. In dieser Phase geht es noch nicht um Code, sondern darum, dass Claude das Projekt versteht. Danach wird die technische Seite geplant: Programmiersprache, Framework, Datenbank, Authentifizierung, APIs, Hosting, Ordnerstruktur, Hauptfunktionen und Entwicklungsprioritäten. Erst dann generiert Claude den Code.

Der Mehrwert dieser durchgehenden Kopplung liegt darin, dass der manuelle Schritt des Kopierens und Einfügens entfällt. Dadurch werden Übertragungsfehler vermieden, der Code ist sofort versioniert und nachvollziehbar, und Änderungen können automatisch und ohne weitere manuelle Eingriffe live geschaltet werden. Das beschleunigt den Entwicklungszyklus erheblich und macht den Prozess reproduzierbar – ein klarer Vorteil gegenüber dem isolierten Chatbot-Ansatz, bei dem Code-Snippets erst manuell in ein Projekt übertragen werden müssen.

Claude Code vs. Copilot: Was das Tool anders macht

Claude Code ist ein agentisches Coding-Tool von Anthropic. Es kann die Codebasis analysieren, Dateien editieren, Befehle ausführen und mit anderen Entwicklungswerkzeugen zusammenarbeiten. Anthropic positioniert es als Coding-Agenten, der primär für terminalbasierte Workflows gedacht ist, aber auch in IDEs, der Desktop-App und im Browser verfügbar ist. Im Gegensatz dazu ist GitHub Copilot ein KI-Coding-Assistent von GitHub und Microsoft, der vor allem als Erweiterung für integrierte Entwicklungsumgebungen (IDEs) dient. Beide Werkzeuge gehen über einfache Code-Generatoren hinaus, die nur einzelne Snippets erzeugen: Sie können mit Projektkontext, Dateien und Entwicklungsumgebungen arbeiten.

Der zentrale Unterschied liegt im Ansatz: Claude Code agiert als Agent, der mehrstufige Aufgaben über ein gesamtes Projekt hinweg übernimmt, während Copilot enger in IDEs und GitHub-Workflows integriert ist. Claude Code nutzt eine Agenten-Architektur, die direkten Dateizugriff und Befehlsausführung ermöglicht, wodurch es Aufgaben wie Refactoring über mehrere Dateien hinweg selbstständig durchführen kann. Copilot hingegen ist auf Inline-Vorschläge im Editor beschränkt und führt keine eigenständigen Projektoperationen aus.

Von Claude Design ist Claude Code klar abzugrenzen: Claude Design ist ein visuelles, browserbasiertes Tool zur Erstellung von UI-Prototypen. Man beschreibt die gewünschte Oberfläche in natürlicher Sprache oder lädt ein Referenzbild hoch, Claude generiert HTML, CSS und JavaScript und rendert die Oberfläche live. Iterationen erfolgen über Folgeanweisungen im Chat-Panel, anschließend kann exportiert oder deployt werden. Claude Code hingegen ist eine terminalbasierte agentische Coding-Umgebung für Entwickler, die volle Kontrolle über ihre Codebasis behalten wollen. Die Überlappung besteht, die Anwendungsfälle sind jedoch verschieden.

Was der Workflow kostet: Preise im Überblick

Die Kosten für den Workflow hängen davon ab, ob man ein Claude-Abo oder die API nutzt. Die offizielle Claude-Preisseite listet: Free 0 Euro, Pro 15 Euro pro Monat bei jährlicher Zahlung (18 Euro bei monatlicher Abrechnung), Max ab 90 Euro pro Monat, Team Standard 18 Euro pro Sitz und Team Premium 90 Euro pro Sitz. Die Abos enthalten Claude Code, Claude Cowork und Claude Design, wobei Pro und Max unterschiedliche Nutzungskontingente bieten.

Für die API gelten separate Preise. Laut developer.puter.com kostet Claude Fable 5 10 US-Dollar pro Million Input-Tokens und 50 US-Dollar pro Million Output-Tokens. Claude Opus 5 liegt bei 5 US-Dollar Input und 25 US-Dollar Output, Claude Sonnet 5 bei 3 und 15 US-Dollar, Claude Haiku 4.5 bei 1 und 5 US-Dollar – jeweils pro Million Tokens. Die offizielle API-Preisdokumentation erwähnt, dass Cache-Treffer und -Aktualisierungen bei Claude Fable 5.1 und Mythos 5.1 mit dem Faktor 0,025 des Basis-Input-Preises berechnet werden, bei anderen Modellen mit 0,1. Zudem kostet die Inference-Geografie 'us' das 1,1-Fache.

Laut deploybase.ai liegt die Preisspanne der Claude-API zwischen 0,25 und 15 US-Dollar pro Million Input-Tokens, abhängig von Modell und Kontextfenster. Prompt Caching senkt die Kosten um 90 Prozent, Batch-Verarbeitung reduziert sie weiter. Opus 4.6 bietet ein Kontextfenster von einer Million Tokens und einen Durchsatz von 35 Tokens pro Sekunde. Die Angaben stammen aus unterschiedlichen Quellen und Zeitpunkten; die Preise können sich ändern.

Benchmarks und Milliardenumsatz: Claudes Stellung im Markt

Die Leistungsfähigkeit von Claude Opus 4.8 zeigt sich in den SWE-bench-Ergebnissen: Laut aitoolanalysis.com erreicht das Modell 88,6 Prozent auf SWE-bench Verified und 69,2 Prozent auf dem schwierigeren SWE-bench Pro. Damit schlägt es GPT-5.5 und Gemini 3.1 Pro auf dem agentischen Coding-Benchmark, der für Unternehmen relevant ist. SWE-bench bewertet Modelle anhand realer GitHub-Issues aus Open-Source-Projekten; ein Modell muss einen Patch erzeugen, der die zugehörigen Tests besteht. Verified umfasst 500 kuratierte Issues, Pro ist eine schwierigere Teilmenge. Die Werte sind relevant, weil sie die Fähigkeit zur Lösung realer Softwareprobleme messen.

Die Marktbedeutung von Claude Code untermauert eesel.ai: Bis Februar 2026 erzielte Claude Code einen annualisierten Umsatz von über 2,5 Milliarden US-Dollar und verzeichnete mehr als 130.000 GitHub-Sterne auf dem öffentlichen Repository – sechs Monate nach der allgemeinen Verfügbarkeit. Anthropic-interne Ingenieure mergen durchschnittlich fünf Pull Requests pro Tag; der PR-Durchsatz stieg im Jahr der Einführung um 67 Prozent. Diese Zahlen stammen nicht von Anthropic selbst, sondern aus Branchenanalysen. Sie deuten darauf hin, dass Claude Code sich als ernstzunehmende Konkurrenz zu GitHub Copilot etabliert hat. In Entwicklerkreisen wird diskutiert, ob GitHub Copilot schlechter als Claude Code oder Codex sei, aber beim Preis-Leistungs-Verhältnis punkte. Die Einordnung bleibt vorläufig, da unabhängige Verifikationen ausstehen.