Claude CodeKapitel 08 von 31

Vom Prototyp zum Produkt

Gleiches Kapitel, drei Tiefen. Die Wahl gilt überall und bleibt gespeichert.

Tiefe 1: Überblick · Lesezeit 9 Min. · Stand

Mit Claude Code lässt sich ein erstes lauffähiges Programm schnell bauen. Ob daraus etwas wird, auf das sich andere verlassen, entscheidet sich danach. Dieses Kapitel teilt den Weg in drei Stufen: Prototyp, MVP und Produkt. Die Einteilung stammt von dieser Seite. Eine feste Stufung bis zum Produkt nennt keine der Herstellerquellen, und die Grenzen zwischen den Stufen sind fließend.

  • Ein Prototyp beantwortet eine Frage: Geht das überhaupt, sieht es aus wie gedacht? Benutzt wird er von dem, der ihn gebaut hat.
  • Ein MVP, das Minimum Viable Product, ist die kleinste Fassung, mit der andere im Alltag arbeiten. Ab hier fallen Fehler zuerst anderen auf.
  • Ein Produkt läuft im Betrieb. Jemand verlässt sich darauf, es wird ausgeliefert, aktualisiert und bezahlt.

Warum an Software zwei Maßstäbe angelegt werden, erklärt Vibe-Coding / Agentic Engineering, Kapitel 01. Der eine fragt, ob jemand überhaupt zu einem Ergebnis kommt, der andere, ob die Sache richtig und wartbar bleibt. Dieses Kapitel zeigt, was zwischen diesen beiden Polen passiert. Belegt ist es an drei Werk­statt­be­richten dieser Seite und an dem, was Anthropic über den Einsatz von Claude Code veröffentlicht hat.

Ein Raster aus drei Stufen und acht Zeilen: wo etwas dazukommt und wie weit es mitgeht. Drei Spalten mit je einer Frage. Prototyp: Geht das überhaupt? MVP: Arbeiten andere damit? Produkt: Kann man sich darauf verlassen? Darunter acht Zeilen. Eine Vorschau als Artifact, eine Seite ohne Backend, gehört zum Prototyp und reicht bis zum ersten Übergang. Versionierung kommt mit dem MVP und bleibt; wer den Prototyp weiterentwickeln will, legt sie schon dort an. Ebenfalls mit dem MVP kommen eine Prüfung, die Claude selbst fahren kann, und festgehaltene Entscheidungen. Mit dem Produkt kommen getrennte Umgebungen, Tests in großer Zahl, Auslieferung und Pflege sowie die Kosten je Ergebnis. Hervorgehoben ist jeweils die Stelle, an der etwas dazukommt. Die Einteilung stammt von dieser Seite, und die Grenzen zwischen den Stufen sind fließend. WAS DAZUKOMMT Einteilung dieser Seite, Grenzen fließend PROTOTYP Geht das überhaupt? MVP Arbeiten andere damit? PRODUKT Kann man sich darauf verlassen? Vorschau als Artifact, eine Seite ohne Backend Versionierung eine Prüfung, die Claude selbst fahren kann festgehaltene Entscheidungen getrennte Umgebungen Tests in großer Zahl Auslieferung und Pflege Kosten je Ergebnis kommt dazu bleibt markiert den Übergang früh, wenn der Prototyp weiterleben soll
Drei Stufen, drei Fragen. Der Prototyp zeigt, ob es geht, das MVP, ob andere damit arbeiten, das Produkt, ob man sich darauf verlassen kann. Mit jeder Stufe kommt hinzu, was beim Bauen am Schreibtisch nicht auffällt.

eigene Darstellung nach den Werkstattberichten zur Diktier-App, zum KI-Concierge und zum Meldungsautomaten sowie der Herstellerdokumentation zu Best Practices und zu Artifacts, Stand 12.10.2026

Was Claude Code beim Programmieren selbst erledigt

Wie viel Claude Code selbst übernimmt, hat Anthropic an 500.000 Unterhaltungen zum Programmieren ausgewertet, je zur Hälfte aus Claude Code und aus Claude.ai. Die Unterhaltungen stammen aus einer Woche im April 2025 (Auswertung zur Soft­ware­ent­wick­lung (externe Seite, anthropic.com)). In Claude Code enthielten 79 Prozent der Unterhaltungen eine Form von Automatisierung, also Arbeit, die das Modell selbst ausführte. In Claude.ai waren es 49 Prozent. Die Zahl stammt vom Hersteller über das eigene Produkt, und eingestuft hat die Unterhaltungen ein Modell. Wie die Einordnung zustande kam, steht auf der dritten Ebene.

Häufig ging es um Oberflächen. Über beide Zugänge zusammen machten JavaScript und TypeScript 31 Prozent aller Anfragen aus. Zwei der fünf häufigsten Aufgaben galten Bausteinen für Oberflächen und Apps für Web und Mobilgeräte, mit 12 und 8 Prozent der Unterhaltungen. Solche Aufgaben eignen sich nach dem Bericht zunehmend für Vibe Coding: Man beschreibt das gewünschte Ergebnis und überlässt der KI die Umsetzung.

Bei Anthropic selbst bauen auch Leute solche Werkzeuge, die die nötige Sprache nicht beherrschen oder gar nicht programmieren. Der Bericht über die eigenen Teams (externe Seite, claude.com) erzählt von Daten­wis­sen­schaft­lern, die ohne sichere TypeScript-Kenntnis ganze React-Anwendungen bauen, um die Leistung von Modellen sichtbar zu machen. Die Rechtsabteilung baute Prototypen eines Telefonmenüs, das Kolleginnen und Kollegen zur passenden Juristin oder zum passenden Juristen leitet. Beides stammt aus Gesprächen, die Anthropic mit den eigenen Beschäftigten geführt hat.

Die Visualisierungen entstehen nach dem Bericht in einer abgeschotteten Umgebung aus einem einzigen Auftrag, und die Aufgabe gilt dort als einfach. Ihre Erbauer verstehen den Code dabei selbst nicht. Für einen Prototyp genügt das. Für jede weitere Stufe ist es die erste offene Stelle.

Artifacts als schnelle Vorschau

Bevor etwas gebaut wird, hilft oft ein Bild. Seit der Woche vom 15. bis 19. Juni 2026 kann Claude Code ein Artifact veröffentlichen: eine interaktive Seite unter einer privaten Adresse auf claude.ai, die sich aktualisiert, während die Sitzung weiterarbeitet (Wochenbericht (externe Seite, code.claude.com)). Zum Start war das eine Beta in den Tarifen Team und Enterprise. Am 12.10.2026 nennt die Doku zu Artifacts (externe Seite, code.claude.com) Pro, Max, Team und Enterprise.

Gedacht ist ein Artifact für Ergebnisse, die man besser ansieht als liest, etwa mehrere Entwürfe oder Umsetzungswege nebeneinander. Für einen Prototyp heißt das: Ein Klickentwurf oder eine Übersicht lässt sich zeigen, bevor eine Zeile im eigentlichen Projekt steht. Jede Veröffentlichung wird eine eigene Fassung, und wer die Seite offen hat, sieht die Änderung.

Die Grenze nennt die Doku selbst. Ein Artifact ist eine einzelne, in sich geschlossene Seite ohne Backend. Wer ein internes Werkzeug mit Backend betreiben will, soll es auf eigener Infrastruktur ausliefern. Damit markiert ein Artifact ziemlich genau den ersten Übergang. Was als Seite reicht, kann dort bleiben. Was einen Server, eine Anmeldung oder gespeicherte Daten braucht, wird ein Projekt.

Entwerfen mit /design

Für Oberflächen gibt es seit der Woche vom 17. bis 21. August 2026 den Skill /design, zuerst als For­schungs­vor­schau ab Version 2.1.234 (Wochenbericht (externe Seite, code.claude.com)). Mit einer kurzen Beschreibung veröffentlicht Claude mehrere bearbeitbare Artboards für die Oberfläche. Man wählt einen aus, passt ihn an und lässt Claude ihn danach umsetzen.

Am 12.10.2026 legt /design dafür ein Artifact der Vorlage Claude Design an (Doku zu Artifacts (externe Seite, code.claude.com)). Die Vorlagen sind Beta, und /design verlangt inzwischen Version 2.1.265.

Auf der ersten Stufe spart das einen Umweg. Die Wahl zwischen zwei Oberflächen fällt an Bildern, bevor Code entsteht, der danach umgebaut werden müsste. Gebaut wird erst die gewählte Fassung, und zwar im Projekt.

Was zum MVP dazukommt

Sobald andere das Programm benutzen, ändern sich die Fragen. Fehler fallen dann bei deren Arbeit auf, und wer gebaut hat, erfährt davon erst über eine Meldung. Auf dieser Stufe kommt fast immer Folgendes dazu.

  • Versionierung. Jeder Stand muss sich wiederfinden und zurücknehmen lassen. Wie Git dabei hilft, steht in Vibe-Coding / Agentic Engineering, Kapitel 04.
  • Eine Prüfung, die Claude selbst fahren kann. Die Doku zu bewährten Vorgehensweisen (externe Seite, code.claude.com) rät, Claude etwas zu geben, das es selbst ausführen kann: Tests, einen Build, einen Bild­schirm­ver­gleich. Fehlt so eine Prüfung, wird man selbst zur Prüfschleife, und jeder Fehler wartet, bis man ihn bemerkt.
  • Festgehaltene Entscheidungen. Der Bericht über die eigene Diktier-App führt dafür ein Ent­schei­dungs­pro­to­koll, am 14. August 2026 mit 99 Einträgen, sieben davon verworfen. Der Agent liest die Einträge, bevor er etwas ändert.

Was ein Produkt verlangt

Ein Produkt läuft, während niemand zusieht. Die drei Werkstattberichte zeigen, was dafür neben dem eigentlichen Programm gebaut wurde.

  • Getrennte Umgebungen. Beim KI-Concierge, einem Sprachassistenten, der auf zwei Messen im Einsatz war, lief jede Änderung zuerst in einer Ent­wick­lungs­um­ge­bung. In die Produktion ging sie nur auf ausdrückliche Anweisung, und ein Hook in Claude Code verhinderte, dass die KI selbst dorthin auslieferte. Wie ein solcher Hook einen Befehl sperrt, zeigt Vibe-Coding / Agentic Engineering, Kapitel 12.
  • Tests in großer Zahl. Der Concierge kam auf rund 2.800 Testfälle, die Diktier-App auf 1669 Testfunktionen bei 291 Quelldateien.
  • Auslieferung und Pflege. Die Diktier-App ist signiert und von Apple beglaubigt, Updates kommen über einen signierten Kanal.
  • Kosten je Ergebnis. Der Meldungsautomat dieser Seite kostete vom 30.07. bis zum 06.10.2026 zusammen 88,33 USD, rund 0,40 USD je veröffentlichter Meldung. Abgerechnet wird über ein Abonnement, die Zahl ist der Gegenwert zu Preisen der Schnittstelle.

Den Übergang zeigt der Concierge-Bericht an einer Zahl. Im März 2026, vor dem ersten Messeeinsatz, kamen auf jede neue Funktion fast sieben Fehlerbehebungen. Ab dem 15.03. stand im Repository die Regel, Stabilität gehe vor neuen Funktionen.

Wie ein Prototyp ausbaufähig bleibt

Ein Prototyp, der weiterleben soll, braucht wenig, aber das früh. Aus den drei Berichten lassen sich vier Gewohnheiten ablesen.

  1. Von Anfang an versionieren und anweisen. Im Concierge standen eine CLAUDE.md und erste Agenten-Definitionen schon im ersten Commit. Was eine solche Datei enthält, erklärt Kapitel 14.
  2. Messen, bevor entschieden wird. Die Diktier-App hat ihre Spracherkennung an sieben Kandidaten gemessen, bevor gebaut wurde. Ein später dazugekommener Test mit einer stillen Aufnahme wurde zum gleichrangigen Kriterium für die Wahl.
  3. Harte Bedingungen in Code schreiben. Der Meldungsautomat prüft Zitate und Zahlen mit Programmcode zwischen zwei Modellaufrufen.
  4. Ein Tagebuch führen. Beim Concierge begann es erst nach einigen Wochen, und die frühen Erfahrungen fehlen im Bericht.

Was den Ausbau danach verlässlich macht, behandeln eigene Kapitel im Abschnitt Arbeitsweisen. Wann sich ein Plan vor größeren Umbauten lohnt, zeigt Kapitel 23. Wie Test und Spezifikation zum Maßstab werden, an dem Claude sich misst, zeigt Kapitel 24. Wie Claude Code mit frischem Kontext prüft, zeigt Kapitel 25. Wie Claude mit Git und Pull Requests arbeitet, zeigt Kapitel 26. Wann ein Prüfschritt überhaupt etwas taugt, steht schon in Vibe-Coding / Agentic Engineering, Kapitel 07. Wie mehrere Agenten an einem Projekt arbeiten, zeigen Kapitel 20 und Kapitel 21.

Quellen

6 Einträgealle erreichbar

Erreichbarkeit automatisch geprüft

  • Datenerreichbar

    Anthropic Economic Index: AI's impact on software development (externe Seite, anthropic.com)

    anthropic.comgeprüft 25.10.2026

    Bericht des Anthropic Economic Index vom 28.04.2025 über 500.000 Gespräche zum Programmieren, aufgeteilt zwischen Claude Code und Claude.ai. Er vergleicht, wie oft das Modell eine Aufgabe selbst erledigt, und schätzt vorläufig, welcher Anteil auf Startups entfällt.

  • Originalarbeiterreichbar

    How Anthropic teams use Claude Code (externe Seite, claude.com)

    claude.comgeprüft 25.10.2026

    Bericht von Anthropic vom 24.07.2025 darüber, wie Abteilungen des Herstellers Claude Code einsetzen, von der Entwicklung bis zur Rechtsabteilung. Die Zahlen darin melden die Teams selbst, gemessen ist nichts.

  • Dokumentationerreichbar

    Claude Code, What's new, Woche 25 (externe Seite, code.claude.com)

    code.claude.comgeprüft 25.10.2026

    Der Wochenbericht zu Claude Code für den 15. bis 19.06.2026, Fassungen 2.1.178 bis 2.1.183. Neu sind Artifacts als Beta in den Tarifen Team und Enterprise, also live aktualisierte Seiten unter einer privaten Adresse auf claude.ai, dazu Rechteregeln, die Parameter eines Werkzeugs prüfen, und /config mit Schlüssel und Wert direkt in der Eingabe.

  • Dokumentationerreichbar

    Claude Code, What's new, Woche 34 (externe Seite, code.claude.com)

    code.claude.comgeprüft 25.10.2026

    Der Wochenbericht zu Claude Code für den 17. bis 21.08.2026, Fassungen 2.1.234 bis 2.1.239. Neu sind der Skill /design als Forschungsvorschau, der bearbeitbare Entwürfe für Oberflächen auf Artifacts-Basis erzeugt, der eingebaute Ausgabestil Concise und das Starten einer Sitzung auf dem eigenen Rechner vom Telefon aus.

  • Dokumentationerreichbar

    Anthropic, Share session output as artifacts (externe Seite, code.claude.com)

    code.claude.comgeprüft 25.10.2026

    Die Herstellerdokumentation zu Artifacts in Claude Code, also interaktiven Seiten, die Claude aus einer Sitzung unter einer privaten Adresse auf claude.ai veröffentlicht. Sie nennt Einsatzfälle, die Grenzen einer statischen Seite ohne Backend, die Bedingungen für Tarif, Anmeldung und Anbieter, die Vorlagen für Slides, Design und Docs samt den Befehlen /slides und /design und die Verwaltung für Organisationen. Stand 12.10.2026: verfügbar in Pro, Max, Team und Enterprise.

  • Dokumentationerreichbar

    Anthropic, Best practices for Claude Code (externe Seite, code.claude.com)

    code.claude.comgeprüft 25.10.2026

    Die Sammlung der Muster, die sich bei Anthropic intern und bei Anwendern bewährt haben. Der erste Abschnitt der Seite ist zugleich ihre stärkste Aussage: Ein Agent braucht eine Prüfung, die er selbst fahren kann, sonst ist der Mensch die Prüfschleife und jeder Fehler wartet darauf, bemerkt zu werden. Die Seite nennt vier Stufen, wie hart die Prüfung das Ende einer Antwort blockiert, vom Satz im Auftrag über eine Zielbedingung und einen Stop-Hook bis zum zweiten Modell, das den eigenen Befund zu widerlegen versucht. Sie ist außerdem die Quelle für den Unterschied zwischen einer Projektanweisung und einem Hook: Die eine ist beratend, der andere läuft.

↑↓ auswählenEnter öffnenDie Suche läuft im Browser. Nichts wird übertragen.