Was es ist
Mit Claude Code und den Artifacts von Claude baust du komplette Web-Apps aus dem Terminal oder dem Chat heraus. Entwickler und ambitionierte Nicht-Entwickler, die komplette Apps im Gespräch mit Claude bauen.
Hier starten
Claude Code-App → App StoreSchritt für Schritt von der veröffentlichten Claude Code-URL zum App Store-Eintrag, mit den Claude Code-spezifischen Checks.Claude Code-App → Google PlayDie Android-Anleitung für Claude Code-Apps, inklusive Einrichtung der Play Console und der 12-Tester-Regel.Claude Code: App Store + Google PlayBeide Stores aus einer URL: Unterschiede, Kosten und der parallele Plan.Claude Code-App abgelehnt: LösungenAbgelehnt? Die Triage für Claude Code-Apps, die üblichen Gründe und eine Antwortvorlage.
Native Features für Claude Code-Apps
Jede Feature-Seite erklärt den nativen Teil (eine Einstellung oder ein URL-Aufruf) und den Web-App-Teil für deinen Claude Code-Stack, mit einem Prompt zum Einfügen.
Push-BenachrichtigungenWeb-Push im Browser funktioniert auf iOS nur für Web-Apps auf dem Home-Bildschirm, und die meisten Nutzer bekommen ihn nie zu sehen. Als native App mit WebViewGold bekommt deine Claude Code-App das Original: echte System-Push-Benachrichtigungen auf iOS und Android, verschickt aus deinem Backend, aus einem Dashboard oder zeitgesteuert per eigenem JavaScript.In-App-KäufeBezahlt wird in deiner Claude Code-App vermutlich mit Stripe. Im Web bleibt das so. In der iOS-App verlangt Apple für digitale Güter den In-App-Kauf (Guideline 3.1.1), auf Android gilt Google Play Billing. WebViewGold erledigt beides über RevenueCat, mit einem einzigen URL-Aufruf aus deiner Web-App.Google-Login und Sign in with AppleClaude Code-Apps nutzen meist Was auch immer du gebaut hast: Supabase, Clerk, Auth.js, Firebase. Der Login mit E-Mail und Passwort funktioniert in einer WebViewGold-App unverändert. Google und andere OAuth-Anbieter blockieren eingebettete WebViews, und Apple hat noch eine eigene Regel. So bringst du jede Login-Methode in der App zum Laufen, ohne deinen Auth-Code anzufassen.Biometrischer LoginEin Passwortfeld fühlt sich nach Website an. Face ID fühlt sich nach App an. WebViewGold ergänzt deine Claude Code-App um biometrische Authentifizierung, und zwar in zwei Varianten: eine einfache App-Sperre, die du in der Konfiguration einschaltest, oder eine JavaScript-API (
bioauth://), die das Ergebnis an deine Web-App zurückgibt, damit du genau die Bildschirme schützt, die du willst.QR-Code- und Barcode-ScannerQR-Scannen per Browser in einer WebView ist langsam und fordert ständig Berechtigungen an. WebViewGold öffnet den nativen Kamera-Scanner über einen Link (qrcode:// oder barcodescanner://) und gibt das Ergebnis direkt an deine Claude Code-App zurück: Eine URL wird automatisch geöffnet, ein Barcode-Wert landet in einer JavaScript-Variable.Standort und GPSDeine Claude Code-App ruft bereits navigator.geolocation auf. In einer WebViewGold-App löst dieser Aufruf den echten System-Dialog zur Berechtigung aus, und die Position kommt vom GPS des Geräts statt aus einer Schätzung des Browsers. Kein nativer Code: Du schreibst nur den Zwecktext und beantwortest die Fragebögen der Stores.AdMob-WerbungWeb-Werbenetzwerke zahlen in Apps wenig und funktionieren in WebViews oft nicht richtig. WebViewGold integriert das native AdMob SDK: ein Banner unter deiner Claude Code-App, Interstitials nach einer bestimmten Zahl von Interaktionen und Rewarded Videos, die du per JavaScript auslöst, wenn der Nutzer zusätzliche Credits oder Inhalte haben möchte.Offline-ModusReviewer schalten den Flugmodus ein. Nutzer fahren U-Bahn. Eine Claude Code-App, die offline eine weiße Seite zeigt, wirkt kaputt; ein nativer Offline-Bildschirm mit „Erneut versuchen“-Button wirkt wie eine App. WebViewGold bietet dir drei Stufen der Offline-Unterstützung, und welche passt, hängt von deinem Stack ab (Jeder Web-Stack; Artifacts sind React- oder HTML-Apps in einer einzigen Datei, Claude-Code-Projekte sind typischerweise Next.js, Vite oder SvelteKit).Deep LinksEin Nutzer tippt in seiner E-Mail auf den Magic Link von Was auch immer du gebaut hast: Supabase, Clerk, Auth.js, Firebase und landet in Safari: im Web eingeloggt, in der App aber nicht. Universal Links und App Links lösen das: https-Links auf deine Domain öffnen direkt die Claude Code-App. Hier ist das komplette Setup, plus Links mit eigenem Schema für QR-Codes und andere Apps.Natives Teilen und HaptikZwei Kleinigkeiten lassen eine Claude Code-App schon in der ersten Minute nativ wirken: ein echtes Share Sheet (AirDrop, Nachrichten, WhatsApp, Mail) statt eines kopierten Links und eine dezente Vibration, wenn etwas geklappt hat. WebViewGold stellt beides als URL-Aufrufe bereit, die du an bestehende Buttons hängen kannst.Datei-Downloads und Kamera-UploadsEine einfache WebView ignoriert einen PDF-Download stillschweigend und zeigt eine nackte Dateiauswahl. WebViewGold speichert Bilder in der Fotomediathek (savethisimage://?url=…), lädt PDFs, Audio, ePub und Office-Dateien herunter und öffnet für jedes <input type="file"> in deiner Claude Code-App die native Kamera oder Galerie.In-App-BewertungBewertungen entscheiden, ob ein Store-Eintrag konvertiert. Mit WebViewGold zeigt deine Claude Code-App den nativen Bewertungsdialog (rateapp://) genau dann, wenn ein Nutzer zufrieden ist: nach einer abgeschlossenen Bestellung, einem beendeten Workout, einem gespeicherten Projekt. Den Moment bestimmst du in deiner Web-App; der native Teil ist ein einziger Aufruf.Eigenes CSS und JavaScriptDie Website braucht ein Cookie-Banner, einen Footer mit 30 Links und ein Badge „Lade unsere App“. Die App braucht nichts davon. WebViewGold injiziert eine custom.css und eine custom.js in jede Seite deiner Claude Code-App, die in der App geladen wird. So bleibt die Website unangetastet, und die App sieht aus wie eine App.NFC-Tag-ReaderSafari gibt Websites überhaupt keinen NFC-Zugriff, und Web NFC gibt es nur in Chrome auf Android. Mit WebViewGold als App verpackt, startet deine Claude Code-App mit einem einzigen Link einen nativen NFC-Scan und bekommt den Inhalt des Tags in einer JavaScript-Funktion geliefert: auf Android über die dokumentierte NFC-API, auf dem iPhone über das NFC-Plugin von WebViewGold. Check-ins, Geräte-Tags und Visitenkarten zum Antippen werden so zu ein paar Zeilen Code.DokumentenscannerWenn deine Claude Code-App einen Datei-Upload hat, kann sie auch einen echten Dokumentenscanner haben. WebViewGold ergänzt den nativen Upload-Dialog um einen Eintrag zum Scannen von Dokumenten: Apple VisionKit auf dem iPhone und Google ML Kit auf Android erkennen die Seitenränder, schneiden jede Seite zu, verbessern sie und übergeben das Ergebnis wie jeden anderen Upload an dein vorhandenes Datei-Eingabefeld.Drucken und AirPrintDer Drucken-Button, der im Browser funktioniert, bleibt in einer App meist stumm, weil App-WebViews window.print() nicht so behandeln wie Safari oder Chrome. WebViewGold gibt deiner Claude Code-App eine native Alternative: printitem:// lädt ein PDF oder Bild von deinem Server und öffnet den Druckdialog des Systems, also AirPrint auf dem iPhone und den Android-Druckdienst, mit „Als PDF speichern“ als Option.Kopieren und EinfügenKopieren-Buttons, die stillschweigend scheitern, und Einfügen-Felder, die leer bleiben, sind klassische WebView-Ärgernisse. In einer WebViewGold-App liest deine Claude Code-App die Zwischenablage des Geräts auf Abruf mit getclipboard:// (der Inhalt landet in der Variable clipboarddata), und kopiert wird mit der normalen Web-Clipboard-API samt Fallback. Hier ist das Muster, plus die Datenschutzregeln, die beide Plattformen durchsetzen.KontaktzugriffFreunde-finden-Bildschirme, Gruppeneinladungen und Apps zum Aufteilen von Rechnungen wollen oft ans Adressbuch. In einer WebViewGold-App fragt deine Claude Code-App mit requestcontactpermission:// nach der Berechtigung und bekommt nach readcontacts:// Namen und Telefonnummern als JSON in der Variable contacts. Der Code ist in Minuten geschrieben; ob die App das Review besteht, entscheidet, wie du die Daten nutzt.Video- und AudiowiedergabeEin HTML5-Video-Tag funktioniert auch in der App, aber lange Lektionen wirken beengt, und die Wiedergabe stoppt meist, sobald der Nutzer die App wechselt. Mit WebViewGold übergibt deine Claude Code-App eine Stream-URL mit einem einzigen Link (startnativevideo://) an den nativen Player. So bekommen Zuschauer auf beiden Plattformen Vollbild und Bild-in-Bild (Picture-in-Picture), auf dem iPhone zusätzlich AirPlay. Auf iOS kannst du HTML-Audio außerdem im Hintergrund weiterlaufen lassen, ideal für Podcasts, Radio und Audiokurse.Screenshot-SchutzBezahlte Lektionen, private Chats, Kontostände, Einmal-Gutscheine: Manche Bildschirme sollen nicht im Gruppenchat landen. WebViewGold kann Screenshots und Bildschirmaufnahmen auf Android blockieren und auf iOS erkennen und ruft dann eine JavaScript-Funktion in deiner Claude Code-App auf, damit du reagieren kannst. Dasselbe Toolkit funktioniert auch andersherum: takescreenshot:// speichert einen Bildschirm gezielt in den Fotos, etwa für Tickets und Belege.HealthKit und Health ConnectFitness-Tracker, Habit-Apps und Coaching-Tools, die mit Claude Code gebaut sind, können die echte Schrittzahl, die Herzfrequenz oder das Gewicht des Nutzers anzeigen, statt ihn alles eintippen zu lassen. WebViewGold liest und schreibt Apple Health (HealthKit) auf iOS und Health Connect auf Android mit denselben zwei URL-Schemes. Der Code ist der leichte Teil; die Store-Regeln für Gesundheitsdaten verdienen den Großteil deiner Aufmerksamkeit.KalendertermineEine Buchung, die nicht im Kalender des Nutzers steht, ist ein No-Show mit Ansage. Auf iOS lässt WebViewGold Nutzer über einen einfachen Link auf eine .ics-Datei einen Termin in die Kalender-App übernehmen, deine Claude Code-App braucht also nichts weiter als eine URL, die den Termin liefert. Android hat in WebViewGold keine eigene Kalender-API; hier erfährst du, was dort stattdessen funktioniert.TaschenlampeEine Seriennummer im dunklen Lager ablesen, einen Zähler im Keller prüfen, im Konzert den Sitzplatz finden: Manchmal braucht deine Claude Code-App einfach Licht. WebViewGold schaltet die Taschenlampe des Smartphones über zwei Links ein und aus, enableflashlight:// und disableflashlight://, auf iOS und Android. Es ist ein kleines Feature, das am besten als Helfer in einem größeren Ablauf funktioniert.Share ExtensionEin Lesezeichen-Tool, eine Rezeptsammlung oder ein Moodboard ist nur dann wirklich nützlich, wenn Speichern mit einem Tipp erledigt ist. Mit WebViewGold erscheint deine Claude Code-App im Share Sheet von iOS und Android, und alles, was der Nutzer teilt (ein Link, ein Text, ein Foto), kommt in deiner Web-App als JavaScript-Variable sharedData an. Dein Code entscheidet, was dann passiert: ein Formular vorausfüllen, den Inhalt in deinem Backend speichern oder einen Editor öffnen.Widgets und ShortcutsAuf dem Homescreen zeigt eine App, dass sie mehr ist als ein Lesezeichen. Auf iOS gibt WebViewGold deiner Claude Code-App vier Wege, dort präsent zu sein: ein Bild-Widget, das dein Server aktuell hält, Quick Actions per langem Druck auf das Icon, Siri-Sätze, die dein JavaScript ausführen, und alternative App-Icons. Für Widgets und Quick Actions gibt es auf Android kein Gegenstück in WebViewGold, deshalb zeigt dieser Guide dort auch die ehrlichen Alternativen.Apple-Wallet-PässeWenn deine Claude Code-App Event-Tickets verkauft, ein Treueprogramm betreibt oder Coupons verteilt, gehört der Pass in Apple Wallet, auf den Sperrbildschirm, genau dann, wenn er gebraucht wird. WebViewGold liefert das fehlende Bindeglied: Ersetze in deiner .pkpass-URL https:// durch addpkpass://, und iOS zeigt das native Fenster „Zu Apple Wallet hinzufügen“. Erstellen und signieren musst du den Pass weiterhin selbst, und auf Android funktioniert Google Wallet über einen eigenen Speicherlink im Web.Nativer Speicher und Geräte-IDNutzer erwarten, dass sich eine App an sie erinnert. Cookies und localStorage halten deine Claude Code-App meist eingeloggt, sind aber Web-Speicher und verschwinden mit dem Cache. WebViewGold ergänzt zwei kleine native Helfer: einen dauerhaften Wertespeicher (writevalue:// und readvalue://) für Einstellungen und das Wiederherstellen der Session sowie eine Geräte-UUID (get-uuid://) für gerätegebundene Lizenzen, vertrauenswürdige Geräte und Einstellungen pro Gerät auf deinem Server.Werbung mit Meta Audience NetworkWenn deine Zielgruppe auf Facebook und Instagram unterwegs ist, kann Meta Audience Network eine Alternative zu AdMob sein. WebViewGold integriert das native Audience Network SDK: zeitgesteuerte oder seitenbasierte Interstitials auf iOS, Banner und Interstitials auf Android, konfiguriert in Config.swift und Config.java und gesteuert aus deiner Claude Code-App. Hier findest du die Einrichtung, den Datenschutz-Papierkram und die Stellen, an denen Werbe-Apps abgelehnt werden.Native Tab-Leiste und NavigationEin Hamburger-Menü und ein Website-Header sind der schnellste Weg, eine Claude Code-App wie ein Lesezeichen wirken zu lassen, und genau das bewerten Reviewer unter Guideline 4.2. WebViewGold ergänzt auf iOS eine native Tab-Leiste oder Sidebar und auf Android eine Material-Bottom-Navigation oder einen Drawer, jeweils in einer einzigen Datei konfiguriert, während deine Web-App weiter das Routing übernimmt.Splash-Screen und LadeanzeigeZwei Sekunden weißer Bildschirm nach dem Start: So sammelt eine Claude Code-App einen Hinweis nach Guideline 2.1 oder eine Ein-Stern-Bewertung. Die native App öffnet sich sofort, deine Web-App braucht einen Moment. WebViewGold überbrückt diesen Moment mit einem Splash-Screen in deinem Branding, einer nativen Ladeanzeige und Pull-to-Refresh, und ein paar Zeilen in deiner Web-App machen die Übergabe unsichtbar.Safe Area und StatusleisteEine Claude Code-App, die im Browser perfekt aussah, kann ihren Header unter der Dynamic Island verlieren, ihre Tab-Leiste unter dem Home-Indikator oder ihre Uhrzeit an Weiß auf Weiß im Dunkelmodus. WebViewGold hält deine Seite standardmäßig innerhalb der Safe Area und färbt die Statusleiste nativ oder per JavaScript. Hier erfährst du, wann du dich darauf verlässt und wann du per CSS auf Edge-to-Edge gehst.Force Update und VersionsprüfungDeine Claude Code-Web-App aktualisiert sich mit jeder Veröffentlichung, die native Hülle drumherum aber erst, wenn Nutzer eine neue Store-Version installieren. Wenn ein neues Feature eine neuere Hülle braucht oder alte Builds auf eine URL zeigen, die du abschaltest, musst du wissen, wer hinterherhinkt. WebViewGold gibt deiner Web-App die installierte Version; ein paar Zeilen Code machen daraus ein freundliches Banner oder einen harten Update-Bildschirm.Externe Links und URL-HandlingIm Web funktioniert ein Link zu Stripe, zum Google-Login, zu WhatsApp oder zu deinem Hilfe-Center einfach. In einer App braucht jeder Link ein Ziel: die App selbst, einen In-App-Browser-Tab, Safari oder Chrome oder eine andere App wie Mail, Telefon oder WhatsApp. Liegst du daneben, stranden Nutzer auf einer fremden Seite ohne Zurück-Button, sind am falschen Ort eingeloggt oder bezahlen im Browser, während die App wartet.Claude Code auf einen Blick
Stack
Jeder Web-Stack; Artifacts sind React- oder HTML-Apps in einer einzigen Datei, Claude-Code-Projekte sind typischerweise Next.js, Vite oder SvelteKit
Veröffentlichung und Hosting
Pushe das Projekt zu GitHub und deploye mit Vercel, Netlify oder Cloudflare Pages (bitte Claude Code, das Deployment einzurichten). Ein Ein-Datei-Artifact lässt sich exportieren und auf dieselbe Weise hosten. Verwende die Deployment-URL oder deine Domain in WebViewGold.
Authentifizierung
Was auch immer du gebaut hast: Supabase, Clerk, Auth.js, Firebase
Zahlungen
Stripe
Builder-Badge
Kein Builder-Badge zu entfernen.
Beispiel: vom Claude Code-Projekt zur freigegebenen App
Angenommen, du hast mit Claude Code einen KI-Reiseplaner gebaut: Nutzer beschreiben eine Reise, eine Server-Route fragt bei der Claude API einen Tagesplan an, und Supabase speichert jede gesicherte Reise. Du deployst auf Vercel, verbindest trips.yourdomain.com und lässt Claude Code die Bridge-Aufrufe von WebViewGold für das Share Sheet ergänzen, dazu eine .ics-Kalenderdatei für jeden Tag, die iOS im Kalender öffnet. Jeder Reiseplan bekommt einen Melden-Button, und die Datenschutzerklärung erklärt, dass Reisebeschreibungen von Anthropic verarbeitet werden. Der Demo-Account in den Review-Notizen enthält schon zwei Beispielreisen. Beide Stores geben die App frei, und Claude Code liefert Verbesserungen mit jedem Deployment aus.
Deine erste Woche nach dem Launch
- Bitte Claude Code, die Fehlerlogs der ersten Tage durchzugehen und zu beheben, worauf mobile Nutzer stoßen; deploye, und die Apps sind aktuell.
- Behalte deine Claude-API-Kosten pro Nutzer im Blick und ergänze Ratenlimits, bevor dich ein voller Tag überrascht.
- Lies die Meldungen zu KI-Ausgaben und verfeinere den System-Prompt in deiner Server-Route.
- Halte die Bridge-Regeln von WebViewGold in CLAUDE.md fest, damit künftige Sitzungen die nativen Aufrufe intakt lassen.
- Bitte mit rateapp:// um eine Bewertung, wenn jemand seine erste Reise speichert.
Store-Readiness-Prompt
In Claude Code einfügen, Änderungen prüfen, veröffentlichen.
Prompt für Claude Code
Audit and prepare this web app for publishing as a native iOS and Android app (it will run inside the WebViewGold native WebView wrapper): 1. Ensure a meta viewport tag, no horizontal overflow from 320px to 1024px, 44px tap targets and safe-area-inset padding on fixed headers/footers. 2. Add /privacy and /terms pages linked from the footer. 3. Add a "Delete account" action in settings that removes the user's data and auth record with confirmation. 4. Remove "Download our app" banners and external promotional links in the main navigation. 5. Add error boundaries and retry states for failed requests. 6. Set the <title> to the app name (max 30 characters) and a meta description. 7. Summarize what changed and what I still need to do manually.
Das bekommst du mit WebViewGold
Ein komplettes natives App-Projekt statt eines Abos. Alles hier ist in der Lizenz enthalten und wird per Einstellung aktiviert.
- Natives App-Projekt
- Push-Benachrichtigungen
- Offline-Bildschirm
- App-Icon & Splashscreen
- Teilen-Dialog & Haptik
- Deep Links & Universal Links
- In-App-Käufe
- Kostenlose Updates, White-Label
Häufig gestellte Fragen
Wie mache ich aus einem Claude-Code-Projekt eine App-Store-App?
Deploye es auf eine öffentliche HTTPS-URL, trage diese URL in WebViewGold für iOS ein, baue mit Xcode oder dem Cloud Builder und reiche über App Store Connect ein. Die Android-App nutzt dieselbe URL mit WebViewGold für Android.
Kann ich ein Claude-Artifact als App veröffentlichen?
Ja, sobald es auf einer dauerhaften HTTPS-URL gehostet wird (exportiere das Artifact und deploye die Datei). Für alles, was über einen einzelnen Screen hinausgeht, baue es als Projekt, damit du eine Datenschutzseite und eine echte Navigation ergänzen kannst.
Kann Claude Code über WebViewGold native Funktionen hinzufügen?
Ja. Verweise es auf die WebViewGold-Dokumentation: Die JavaScript-Bridge besteht aus einfachen URL-Schemes und JavaScript-Variablen, der Agent kann Push, Haptik, Teilen oder biometrischen Login also in Minuten integrieren.
Kann Claude Code auch die Xcode- und Android-Studio-Projekte von WebViewGold konfigurieren?
Ja, wenn du es in dem Ordner startest, in den du die Projekte entpackt hast. Es kann die URL und Optionen in Config.swift und Config.java setzen, Trigger-Listen für den Social Login Helper ergänzen oder Berechtigungstexte anpassen; bauen, signieren und hochladen musst du aber weiterhin mit Xcode und Android Studio, oder du nutzt stattdessen das Cloud-Builder-Formular.
Darf eine App im App Store die Claude API aufrufen?
Ja, über deinen Server. Apple und Google akzeptieren KI-Apps, die Schlüssel serverseitig halten, Ausgaben moderieren, Nutzer Probleme melden lassen und die Verarbeitung in der Datenschutzerklärung erklären. Deine App muss außerdem die Nutzungsrichtlinien von Anthropic einhalten, die für alles gelten, was deine Nutzer per Prompt anfragen können.
Drei Wege, deine App in die Stores zu bringen
Gleiches Ergebnis, unterschiedlich viel Arbeit auf deiner Seite. Alle drei kommen mit Genehmigungsgarantie und 24/7 Support von echten Menschen.
Selbst machen
$109 pro Plattform, einmalig
Die WebViewGold-Lizenz: ein fertiges Xcode- oder Android-Studio-Projekt. URL einfügen, Name und Icon setzen, Features einschalten, bauen und einreichen. Kostenlose Updates für immer.
Pakete auf der Hauptseite ansehenCloud Builder
$349 pro Lizenz, einmaliges Add-on
Kein Mac, kein Xcode, kein Android Studio: Du konfigurierst im Browser, wir bauen beide Apps in der Cloud und übergeben sie an App Store Connect und die Play Console.
So funktioniert der Cloud Builder Kostenlose Demo ausprobierenFull Service
$698 pro Plattform $798
Schick uns deine URL und dein Icon. Unser Team konfiguriert, baut und liefert deine App innerhalb von 72 Stunden, White-Label, inklusive Quellprojekten. Beide Plattformen für $1,158.
Full-Service-Details Powered by
Winter-Sale-Preise gültig bis 31. Dezember 2026.