App mit Claude erstellen: Artifacts oder Claude Code?

Wenn du eine App mit Claude erstellen willst, hast du zwei Wege, und die unterscheiden sich stark. Im Chat baut Claude kleine Werkzeuge in Minuten, ohne dass du etwas installierst. Mit Claude Code entstehen richtige Apps mit vielen Dateien, Datenbank und Veröffentlichung. Ich arbeite selbst täglich mit Claude Code. Hier erfährst du, welcher Weg zu deinem Vorhaben passt und wie du anfängst.

App mit Claude erstellen: zwei Wege im Vergleich

	Artifacts im Chat	Claude Code
Was entsteht	kleine interaktive Tools, eine Seite	vollständige Apps mit vielen Dateien
Wo	claude.ai, neben dem Chat	Desktop-App, Browser, Terminal, Code-Editor
Daten und Login	für Mehrbenutzer-Apps nicht gedacht	eigene Datenbank, Logins, Schnittstellen
Teilen	per Link veröffentlichen	eigene Domain, App Store, Google Play
Tarif	ab Free	ab Pro
Lernaufwand	gering	mittel

Kleine Tools im Chat: Was Artifacts können

Ein Artifact ist ein eigenständiges Ergebnis, das Claude neben dem Chat anzeigt, zum Beispiel ein Rechner, ein Quiz oder ein kleines Dashboard. Du siehst sofort, wie es aussieht, und kannst es im Gespräch verändern.

Baue mir als Artifact einen Angebotsrechner für meine Malerfirma.
Eingaben: Raumfläche in m², Anzahl Anstriche, Materialpreis pro Liter.
Ausgabe: benötigte Liter, Materialkosten, Arbeitszeit bei 8 m² pro Stunde,
Gesamtpreis bei 55 € Stundensatz. Deutsch, schlicht, gut auf dem Handy bedienbar.

Fertige Artifacts kannst du veröffentlichen, auch im Gratis-Tarif. Wer den Link hat, kann das Tool öffnen und benutzen. Nutzt dein Artifact selbst KI, etwa um Texte zu formulieren, laufen diese Anfragen über das Claude-Konto der jeweiligen Nutzer, nicht über deins.

Wofür Artifacts reichen: Rechner, Checklisten, Formulare zum Ausprobieren, Prototypen, mit denen du eine Idee zeigst. Wofür nicht: Apps mit Nutzerkonten, gemeinsamen Daten für ein Team, eigener Domain oder einem Platz im App Store.

Richtige Apps mit Claude Code

Claude Code ist der Coding-Agent von Anthropic. Anders als der Chat arbeitet er direkt in einem Projektordner: Er legt Dateien an, ändert sie, führt Befehle aus, startet die App und testet sie. Du beschreibst, was du willst, und Claude Code erledigt die Arbeitsschritte, die ein Entwickler sonst von Hand macht.

Claude Code läuft im Terminal, als Erweiterung in VS Code und JetBrains, im Browser unter claude.ai/code und in der Claude-Desktop-App. Wenn du zum ersten Mal eine App mit Claude erstellen willst, ist die Desktop-App der angenehmste Weg, weil du kein Terminal brauchst. Was das Werkzeug alles kann, erklärt der Ratgeber Was ist Claude Code?

Mein eigener KI-Agent Sokrates läuft auf Claude Code. Er wird per Telegram gesteuert und erledigt für sieben Marken Aufgaben wie Lead-Suche, Demo-Seiten und das Monitoring von 17 Diensten. Das zeigt, wie weit das Werkzeug trägt. Für den Anfang brauchst du davon nichts. Eine erste App ist ein guter Startpunkt.

So startest du dein erstes Projekt mit Claude Code

Tarif abschließen und die Desktop-App installieren

Du brauchst mindestens Claude Pro. Lade die Claude-Desktop-App für Windows oder Mac, melde dich an und öffne den Bereich „Code“. Claude Code ist dort schon enthalten, eine separate Installation ist nicht nötig.

Einen Projektordner anlegen und die Idee beschreiben

Leg einen leeren Ordner an, zum Beispiel terminbuchung, und öffne ihn in Claude Code. Beschreibe deine App in wenigen Sätzen: Wer nutzt sie, was ist die Kernfunktion, was kommt später. Bitte Claude, die wichtigsten Regeln des Projekts in eine Datei CLAUDE.md zu schreiben. Diese Datei liest Claude Code zu Beginn jeder Sitzung, so muss es nicht jedes Mal neu erklärt werden.

Erst planen, dann bauen

Bevor du Code schreibst: Schlag mir einen Aufbau für diese App vor.
Welche Technik, welche Seiten, welche Daten? Erkläre jede Entscheidung
in einem Satz, so dass ich sie ohne Programmierkenntnisse verstehe.
Warte auf mein Okay.

Lies den Plan und frag nach, wo du etwas nicht verstehst. Du triffst die Entscheidungen, Claude setzt sie um.

In kleinen Etappen bauen und testen

Lass Claude Code eine Funktion nach der anderen bauen und die App jeweils lokal starten. Öffne sie im Browser, probier alles aus und melde Fehler konkret. Claude Code kann Fehlermeldungen im Terminal selbst lesen. Sag ihm, es soll seine Änderungen selbst testen, bevor es sich meldet.

Jeden funktionierenden Stand sichern

Bitte Claude, Git einzurichten und nach jeder fertigen Etappe einen Commit zu machen. Geht später etwas kaputt, springst du mit einem Satz zum letzten guten Stand zurück. Ein privates Repository bei GitHub dient zusätzlich als Sicherung außerhalb deines Rechners.

Veröffentlichen

Für Web-Apps richtet Claude Code die Veröffentlichung bei einem Hosting-Dienst ein und erklärt dir, welche Konten du dafür brauchst. Für Handy-Apps baut es zum Beispiel ein Projekt mit React Native und Expo, das du für den App Store und Google Play signieren und einreichen lässt.

Worauf du bei Claude Code achten solltest

Freigaben lesen: Claude Code fragt standardmäßig nach, bevor es Befehle ausführt oder Dateien ändert. Klick nicht blind auf „Erlauben“. Wenn du einen Befehl nicht verstehst, frag, was er tut.
Zugangsdaten schützen: Passwörter und Schlüssel für Zahlungsdienste oder Datenbanken gehören in eine eigene Datei, die nicht bei GitHub landet. Bitte Claude, das so einzurichten, und kontrolliere es.
Eine Aufgabe pro Sitzung: Lange Sitzungen mit vielen Themen machen Claude ungenauer. Für ein neues Thema startest du besser eine frische Sitzung. Was dauerhaft gelten soll, steht in der CLAUDE.md.
Limits im Blick behalten: Große Umbauten verbrauchen viel Kontingent. Wenn du in Pro regelmäßig an die Grenze stößt, teil Aufgaben kleiner auf, bevor du über Max nachdenkst.

Was kostet eine App mit Claude?

Tarif	Preis (Stand: Oktober 2026)	Für App-Bau
Free	0 $	Artifacts im Chat, veröffentlichen per Link
Pro	20 $ im Monat, 17 $ bei jährlicher Zahlung	Claude Code inklusive, reicht für erste Projekte
Max	100 $ (5-fache Nutzung von Pro) oder 200 $ im Monat (20-fach)	für tägliches, stundenlanges Arbeiten

Die Preise verstehen sich zuzüglich Steuern, die aktuellen Werte stehen auf der Preisseite von Claude. Alle Tarife haben Nutzungslimits, die sich in Fünf-Stunden-Fenstern erneuern, die bezahlten zusätzlich Wochenlimits. Wann sich welcher Tarif lohnt und wie die Abrechnung über die API funktioniert, steht im Ratgeber Was kostet Claude Code?

Claude Code oder ein Baukasten wie Lovable?

Bevor du eine App mit Claude erstellen lässt, lohnt der Blick auf die Alternative: Baukästen wie Lovable oder Bolt.new sind für den allerersten Prototyp schneller, weil Login, Datenbank und Hosting eingebaut sind. Claude Code gibt dir dafür volle Kontrolle: Der Code liegt bei dir, du bist an keinen Anbieter gebunden und nicht auf die Technik eines Baukastens festgelegt. Ein bewährter Weg: im Baukasten starten und mit Claude Code weitermachen, sobald das Projekt wächst. Der Code wandert dafür über GitHub mit.

Wie sich Claude Code gegen einen Editor wie Cursor schlägt, vergleicht der Beitrag Claude Code oder Cursor. Den toolunabhängigen Ablauf vom ersten Satz bis zur fertigen App findest du im Ratgeber App mit KI erstellen. Wie du diese Arbeitsweise Schritt für Schritt übst, zeigt der Ratgeber Vibe Coding lernen.

Bau es mit mir

An deinem Projekt, in deinem Tempo. 375 € pro Person und Stunde, stundenweise abgerechnet.

15 Minuten kennenlernen

Häufige Fragen

Ist Claude Code in Claude Pro enthalten?

Ja. Claude Code ist in allen bezahlten Tarifen enthalten, also ab Pro für 20 $ im Monat. Es teilt sich die Nutzungslimits mit dem normalen Chat (Stand: Oktober 2026).

Ist Claude Code kostenlos?

Nein, im Gratis-Tarif von Claude ist Claude Code nicht enthalten. Kostenlos sind nur die Artifacts im Chat. Alternativ kannst du Claude Code über die API nutzen und pro Verbrauch zahlen.

Brauche ich Programmierkenntnisse für Claude Code?

Für den Einstieg nicht, die Desktop-App kommt ohne Terminal aus. Du solltest aber bereit sein, Grundbegriffe wie Projektordner, Datenbank und Git zu lernen, sonst bleibst du bei Fehlern schnell stecken.

Kann Claude eine App für iPhone und Android bauen?

Ja, Claude Code schreibt Handy-Apps, zum Beispiel mit React Native und Expo. Für den App Store brauchst du zusätzlich ein Entwicklerkonto bei Apple (99 $ im Jahr) beziehungsweise Google (einmalig 25 $).