Du hast etwas in ChatGPT oder die Claude-App getippt. Du hast den Code rauskopiert. Lokal läuft er. Vielleicht warst du sogar so weit, ein index.html per Doppelklick im Browser zu öffnen — und es funktioniert.
Glückwunsch. Du hast trotzdem kein Produkt.
Das ist nicht despektierlich gemeint. Es ist die wichtigste Trennlinie im AI-Coding, und sie wird in 80 % der Tutorials weggelassen: du hast ein Artefakt gebaut, kein Produkt. Beide sehen auf deinem Bildschirm gleich aus. Aber das eine kannst du jemandem zeigen, das andere kannst du jemandem geben.
Was ist ein Artefakt?
Ein Artefakt ist Code, der bei dir funktioniert — unter idealen Bedingungen. Die Bedingungen sind in etwa:
- Dein Rechner ist an.
- Das richtige Terminal-Fenster ist offen.
- Die richtige Node-Version ist installiert.
- Die
.env-Variablen sind gesetzt (oft direkt im Code hardcoded). - Niemand außer dir greift drauf zu.
Sobald eine dieser Bedingungen wegfällt — Rechner aus, anderer Computer, andere Person — ist der Code weg. Nicht kaputt. Einfach unzugänglich.
Das typische Claude-App-Ergebnis ist genau so. Du tippst eine Anfrage, kriegst Code raus, lässt ihn auf deinem Mac/PC laufen, fühlst dich produktiv. Und im selben Augenblick, in dem du den Tab schließt, ist die App für die Welt verschwunden. Sie existiert nur in der Erinnerung deines Editors.
Was ist ein Produkt?
Ein Produkt ist Code, der ohne dich funktioniert. Konkret:
- Er hat eine URL, die irgendwer im Internet aufrufen kann.
- Die Daten überleben einen Browser-Refresh, einen Neustart, eine Woche Urlaub.
- Mehr als nur du können sich anmelden — oder zumindest die Seite ansehen.
- Du kannst Updates pushen, ohne dass die Welt vom Stillstand erfährt.
- Es gibt eine Versions-Geschichte: was war vorher, was ist jetzt, was ist morgen.
Das ist keine technische Definition für Software-Architekten. Das ist die Definition für dich — wenn du nicht eine dieser fünf Sachen mit Ja beantworten kannst, hast du noch kein Produkt. Du hast etwas Schönes auf deinem Schreibtisch.
Die typische Falle
Du tippst eine Idee in Claude.ai oder die ChatGPT-App. Code kommt raus. Du klickst „Copy", fügst ihn in eine Datei ein, doppelklick, läuft im Browser. Du tippst die nächste Idee — „kannst du noch einen Login dazubauen?". Wieder Code. Wieder kopieren. Wieder funktioniert.
Nach drei Stunden hast du fünf Files, kein git, keine Versionen. Du machst eine winzige Änderung, etwas bricht. Du erinnerst dich nicht mehr, was vor zwei Stunden funktionierte. Du fängst von vorn an.
Das ist nicht deine Schuld. Das ist, was passiert, wenn das Werkzeug für das eine gemacht ist (kurzes Chat-Schnipsel) und du es für das andere benutzt (ein Produkt bauen). Genau wie eine Schere gut für Papier ist, aber Holz damit zu sägen frustriert.
Woran du erkennst, wo du bist
Drei Tests, drei Sekunden:
- „Schick mir mal den Link" — wenn du jetzt jemandem eine URL schicken könntest, die im Browser deine App zeigt: Produkt-Verdacht. Wenn nicht: Artefakt.
- „Wo wohnen die Daten" — wenn die Antwort „im Browser-Tab" oder „in einer Datei auf meinem Mac" ist: Artefakt.
- „Was passiert, wenn ich es nochmal mache" — wenn dieselbe Anfrage in einer neuen Session andere Files erzeugt: Artefakt. Wenn dieselbe Anfrage in dasselbe Repo committed wird: Produkt-Setup.
Falls die drei Antworten dich in der Artefakt-Ecke verorten — kein Drama. Aber gut zu wissen, dass da noch Strecke ist, bis es ein echtes Produkt wird.
Lebensraum: dein Rechner, dein Editor, dein Browser-Tab.
Verteilung: per Screenshot oder Bildschirm-Teilen.
Versions-Geschichte: Ctrl-Z im Editor, vielleicht ein Backup-Ordner.
Wenn dein Laptop kaputt geht: alles weg.
Lebensraum: dein Rechner, dein Editor, dein Browser-Tab.
Verteilung: per Screenshot oder Bildschirm-Teilen.
Versions-Geschichte: Ctrl-Z im Editor, vielleicht ein Backup-Ordner.
Wenn dein Laptop kaputt geht: alles weg.
Lebensraum: Vercel/Netlify/Server, mit öffentlicher URL.
Verteilung: Link teilen, jeder kann drauf.
Versions-Geschichte: Git mit Commits, jede Änderung rückverfolgbar.
Wenn dein Laptop kaputt geht: du klonst das Repo auf einem neuen, weiterarbeiten.
Warum dieser Kurs
Dieser Kurs ist für Leute, die Produkte bauen wollen, nicht nur Artefakte. Heißt: am Ende soll dein Lernbuddy unter einer URL erreichbar sein, mehrere Nutzer:innen sollen sich anmelden können, deine Daten sollen ein Refresh überleben, du sollst Updates per git push rausbringen können.
Das geht nicht mit dem Claude-Chat alleine. Auch nicht mit Lovable, Bolt oder Replit — warum, kommt in der nächsten Lektion. Es geht mit einem strukturierten Workflow: das richtige Werkzeug (Claude Code), die richtige Methode (das becoss Coding Framework), und eine Handvoll Tools, die das Produkt zur Welt bringen (GitHub, Vercel, Supabase).