Claude Code
Ein Artefakt ist eine Ein-Datei-App, die Claude im Chat für dich gebaut hat. Daraus kann eine echte Store-App werden, aber ein Vorschau-Link ist keine URL, die du veröffentlichen kannst, und ein einzelner Screen reicht Apple selten. Hier ist der ehrliche Weg: exportieren, hosten, die rechtliche Seite ergänzen, dann entscheiden, ob du daraus ein Projekt machst.
Ab $109 einmalig pro Plattform, oder unser Team erledigt alles ab $698.
Claude erzeugt zwei Arten von Artefakten: eine reine HTML-Datei (Markup, CSS und JavaScript in einem Dokument) und eine React-Komponente, die in der Artefakt-Vorschau mit Bibliotheken läuft, die die Vorschau bereitstellt. Die HTML-Variante kannst du so hosten, wie sie ist. Die React-Variante braucht einen kleinen Build-Schritt, weil die Vorschau-Laufzeit, die ihre Imports auflöst, auf deinem Server nicht existiert. In beiden Fällen ist die Vorschau-URL aus dem Chat temporär und keine Produktionsadresse; WebViewGold braucht eine dauerhafte HTTPS-URL, die du kontrollierst.
Alles andere, was für eine Web-App gilt, gilt auch hier: Apple erwartet mehr als eine Website (Richtlinie 4.2), beide Stores wollen eine Datenschutzerklärung, und die App muss mit dem Offline-Zustand umgehen können.
Nutze die Download- oder Kopieroption am Artefakt. Bei einem HTML-Artefakt hast du jetzt eine index.html. Bei einem React-Artefakt übergibst du den Code an Claude Code mit: "Turn this artifact into a Vite + React project with the same behavior, add a build script and a 404 fallback to index.html." Das Ergebnis ist ein Ordner mit einem dist-Build.
Cloudflare Pages, Netlify und GitHub Pages liefern statische Dateien kostenlos über HTTPS aus. Zieh den Ordner in Netlify, verbinde das Repository mit Cloudflare Pages oder aktiviere Pages im GitHub-Repository. Lass Claude Code das Deployment und eine eigene Domain einrichten; der Domain-Guide erklärt, warum du die Domain vor der Einreichung haben willst.
Erstelle /privacy.html (und /terms.html, falls du AGB hast) und verlinke sie aus der App. Wenn das Artefakt Daten nur im Browser speichert, schreib genau das in die Datenschutzerklärung; es ist die einfachste Erklärung, die du je schreiben wirst. Ergänze ein Manifest und ein Meta-Viewport-Tag, falls das Artefakt sie nicht hat.
Artefakte sind für ein Vorschau-Panel im Chat gebaut, nicht für ein Handy. Lass Claude Code Safe-Area-Padding, 44-px-Tippflächen, 16-px-Eingabefelder und das Hochformat-Layout bei 320 px Breite prüfen.
Trag die URL in Config.swift und Config.java ein, setze Name und Icon, aktiviere Pull-to-Refresh und das native Share Sheet, baue mit Xcode und Android Studio oder dem Cloud Builder, reiche ein.
Ein einzelner Rechner-, Umrechner-, Timer- oder Quiz-Screen ist das, was Reviewer "nicht besonders nützlich" oder eine neu verpackte Website nennen. Google ist nachsichtiger, wendet auf WebView-Apps aber seine eigene Richtlinie zur Mindestfunktionalität an.
Konten oder geräteübergreifend gespeicherter Zustand, Push-Benachrichtigungen (auch lokale Erinnerungen über sendlocalpushmsg://), natives Teilen, Offline-Unterstützung und mindestens ein paar Screens echter Navigation. Features, die ein Safari-Tab nicht bietet.
Nativer Offline-Bildschirm, Splash, Pull-to-Refresh, Haptik und das Share Sheet sind Schalter oder Einzeiler. Sie ersetzen keine Substanz, aber sie lassen die App wie eine App wirken.
Beschreibe, was die App tut, für wen sie ist und welche nativen Features sie nutzt. Reviewer lesen die Notizen, bevor sie die App öffnen.
Großartige Möglichkeit, eine Web-App in eine native App zu verwandeln! Schnelle Umsetzung und ein toller Weg, Apps in die App Stores zu bringen, ohne eine komplett native App entwickeln zu müssen!
Führe das aus, wenn du entscheidest, dass die Idee eine echte App verdient. Claude Code behält das Verhalten, das dir gefallen hat, und ergänzt die Struktur, die Stores erwarten.
Here is a single-file app that started as a Claude artifact (attached as artifact.html / artifact.jsx). Convert it into a maintainable Vite + React project with these additions, keeping the current look and behavior: 1. Routes: / (the app), /privacy, /terms, /settings. A bottom navigation on small screens. 2. Persistence: keep the existing local state, but structure it so a backend (Supabase) can be added later without rewriting components. 3. Mobile: viewport meta tag, safe-area padding, 44 px tap targets, no horizontal overflow at 320 px, 16 px minimum font size in inputs. 4. Native hooks for the WebViewGold wrapper we will use: a helper isNativeApp() that checks the user agent for the token WebViewGoldApp; a Share button that navigates to shareapp://message?=TEXT&url=URL when native; a reminder feature that schedules a local notification via sendlocalpushmsg://push.send?s=SECONDS=msg!MESSAGE&!#TITLE&!#URL when native and falls back to the Notifications API in browsers. Read https://www.webviewgold.com/llms-full.txt for the exact syntax. 5. States: loading, empty and error states for every async step; an offline notice. 6. Deployment: a GitHub Actions workflow or a Cloudflare Pages / Netlify config that builds and deploys on push to main. Finish with a README that explains how to run, build and deploy.
| Cloudflare Pages | Netlify | GitHub Pages | |
|---|---|---|---|
| Einrichtung | Repo verbinden oder Ordner hochladen | Drag-and-drop oder Repo verbinden | In den Repo-Einstellungen aktivieren |
| Eigene Domain + HTTPS | Ja, automatische Zertifikate | Ja, automatische Zertifikate | Ja, mit einer CNAME-Datei |
| Build-Schritt für React | Ja (Build-Befehl) | Ja (Build-Befehl) | Über GitHub Actions |
| Gut für | Schnelle globale Auslieferung, später Workers für APIs | Einfachstes erstes Deployment | Code liegt schon auf GitHub |
Nein. Vorschau-Links sind temporär, nicht unter deiner Kontrolle und nicht als Produktions-URLs gedacht. Hoste die exportierte Datei zuerst auf deiner eigenen Domain oder bei einem Static-Host.
An sich nicht. Schreib es in die Datenschutzerklärung, und sei dir bewusst, dass die Daten auf dem Gerät bleiben; eine Neuinstallation löscht sie. Ergänze ein Backend, wenn Nutzer ihre Daten auf mehr als einem Gerät brauchen.
Meistens nicht, weil es Bibliotheken importiert, die nur die Vorschau-Laufzeit bereitstellt. Lass Claude Code es in ein Vite-Projekt umwandeln; das dauert Minuten und gibt dir eine echte Build-Pipeline.
Es gibt keine Zahl. Reviewer achten auf Nützlichkeit und auf native Fähigkeiten, die über eine Website hinausgehen. Eine fokussierte App mit Konten, Benachrichtigungen und Offline-Verhalten kommt öfter durch als eine ausufernde ohne diese Dinge.
Gleiches Ergebnis, unterschiedlich viel Arbeit auf deiner Seite. Alle drei kommen mit Genehmigungsgarantie und 24/7 Support von echten Menschen.
$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 ansehen$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 ausprobieren$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.
App Store & Google Play Genehmigungsgarantie – oder Geld zurück innerhalb von 14 Tagen
Lieber abgeben? Full Service: Wir konfigurieren, bauen und liefern innerhalb von 72 Stunden, ab $698 pro Plattform. Fragen? Chatte mit uns – 24/7.
Erstattungen erfolgen zu den in unseren FAQ genannten Bedingungen: eine nicht inhaltsbedingte Ablehnung durch Apple und/oder Google, geltend gemacht innerhalb von 14 Tagen nach dem Kauf.
