What it is
Claude Code and Claude's artifacts let you build complete web apps from the terminal or the chat. Developers and ambitious non-developers who build complete apps in conversation with Claude.
Claude Code guide collection
Claude Code built it in the terminal. Now put it on the home screen. All guides for Claude Code builders in one place: the iOS and Android walkthroughs, every native feature with a prompt for Claude Code, and what to do if a store says no.
From $109 one-time per platform, or let our team do it all from $698.
Each feature page explains the native part (one setting or one URL call) and the web-app part for your Claude Code stack, with a prompt to paste.
bioauth://) that returns the result to your web app so you can gate exactly the screens you want.QR code and barcode scannerBrowser-based QR scanning in a WebView is slow and permission-hungry. WebViewGold opens the native camera scanner from a link (qrcode:// or barcodescanner://) and hands the result straight back to your Claude Code app: a URL is opened automatically, a barcode value lands in a JavaScript variable.GeolocationYour Claude Code app already calls navigator.geolocation. Inside a WebViewGold app that call triggers the real system permission dialog, and the position comes from the device GPS instead of a browser approximation. No native code: you only write the purpose string and answer the store questionnaires.AdMob adsWeb ad networks pay little inside apps and often break in WebViews. WebViewGold integrates the native AdMob SDK: a banner below your Claude Code app, interstitials after a number of interactions, and rewarded videos you trigger from JavaScript when the user wants extra credits or content.Offline modeReviewers switch on airplane mode. Users ride the subway. A Claude Code app that shows a white page offline looks broken; a native offline screen with a retry button looks like an app. WebViewGold gives you three levels of offline support, and the right one depends on your stack (Any web stack; artifacts are single-file React or HTML apps, Claude Code projects are typically Next.js, Vite or SvelteKit).Deep linksA user taps the magic link from Whatever you built: Supabase, Clerk, Auth.js, Firebase in their email and lands in Safari, logged in on the web but not in the app. Universal Links and App Links fix that: https links to your domain open the Claude Code app directly. Here is the complete setup, plus custom scheme links for QR codes and other apps.Native share and hapticsTwo small things make a Claude Code app feel native in the first minute: a real share sheet (AirDrop, Messages, WhatsApp, Mail) instead of a copied link, and a subtle vibration when something succeeds. WebViewGold exposes both as URL calls you can wire into existing buttons.File downloads and camera uploadsA plain WebView silently ignores a PDF download and shows a bare file picker. WebViewGold saves images to the camera roll (savethisimage://?url=…), downloads PDFs, audio, ePub and Office files, and opens the native camera or gallery for every <input type="file"> in your Claude Code app.In-app ratingRatings decide whether a store listing converts. WebViewGold lets your Claude Code app show the native rating dialog (rateapp://) exactly when a user is happy: after a completed order, a finished workout, a saved project. You decide the moment in your web app; the native part is one call.Custom CSS and JavaScriptThe website needs a cookie banner, a footer with 30 links and a "Download our app" badge. The app needs none of them. WebViewGold injects a custom.css and custom.js file into every page your Claude Code app loads inside the app, so the website stays untouched and the app looks like an app.NFC tag readerSafari gives websites no NFC access at all, and Web NFC only exists in Chrome on Android. Wrapped with WebViewGold, your Claude Code app starts a native NFC scan with one link and receives the tag content in a JavaScript function: on Android through the documented NFC API, on iPhone through the WebViewGold NFC plugin. Check-ins, equipment tags and tap-to-save contact cards become a few lines of code.Document scannerIf your Claude Code app has a file upload, it can have a real document scanner. WebViewGold adds a Scan document entry to the native upload dialog: Apple VisionKit on iPhone and Google ML Kit on Android find the page edges, crop and enhance each page, and hand the result to your existing file input like any other upload.Printing and AirPrintThe print button that works in the browser usually goes quiet inside an app, because app WebViews do not handle window.print() the way Safari or Chrome do. WebViewGold gives your Claude Code app a native alternative: printitem:// downloads a PDF or image from your server and opens the system print dialog, AirPrint on iPhone and the Android print service, with Save as PDF as an option.Clipboard copy and pasteCopy buttons that silently fail and paste fields that never fill are classic WebView annoyances. In a WebViewGold app, your Claude Code app reads the device clipboard on demand with getclipboard:// (the content lands in the clipboarddata variable), and copying uses the standard web Clipboard API with a fallback. Here is the pattern, plus the privacy rules both platforms enforce.Contacts accessFind-your-friends screens, group invites and split-the-bill apps often want the address book. In a WebViewGold app, your Claude Code app asks for permission with requestcontactpermission:// and receives names and phone numbers as JSON in the contacts variable after readcontacts://. The code takes minutes; how you use the data decides whether the app passes review.Video and audio playbackAn HTML5 video tag works inside the app, but long lessons feel cramped and playback usually stops when the user switches apps. With WebViewGold your Claude Code app hands a stream URL to the native player with one link (startnativevideo://), so viewers get fullscreen and Picture-in-Picture on both platforms and AirPlay on iPhone. On iOS you can also keep HTML audio playing in the background for podcasts, radio and audio courses.Screenshot protectionPaid lessons, private chats, account balances, single-use coupons: some screens should not end up in a group chat. WebViewGold can block screenshots and screen recordings on Android and detect them on iOS, then call a JavaScript function in your Claude Code app so you can react. The same toolkit also works the other way round: takescreenshot:// saves a screen to Photos on purpose, for tickets and receipts.HealthKit and Health ConnectFitness trackers, habit apps and coaching tools built with Claude Code can show the user's real step count, heart rate or weight instead of asking them to type it in. WebViewGold reads and writes Apple Health (HealthKit) on iOS and Health Connect on Android with the same two URL schemes. The code is the easy part; the store rules for health data deserve most of your attention.Calendar eventsA booking that is not in the user's calendar is a no-show waiting to happen. On iOS, WebViewGold lets users add an event to the Calendar app from a plain link to an .ics file, so your Claude Code app needs nothing more than a URL that returns the event. Android has no dedicated calendar API in WebViewGold; here is what works there instead.FlashlightReading a serial number in a dark storeroom, checking a meter in a basement, finding a seat at a concert: sometimes your Claude Code app just needs light. WebViewGold switches the phone's torch on and off from two links, enableflashlight:// and disableflashlight://, on iOS and Android. It is a small feature that works best as a helper inside a bigger workflow.Share extensionA bookmarking tool, a recipe box or a moodboard is only useful if saving takes one tap. With WebViewGold your Claude Code app appears in the iOS and Android share sheet, and whatever the user shares (a link, a piece of text, a photo) arrives in your web app as the JavaScript variable sharedData. Your code decides what happens next: prefill a form, save it to your backend, or open an editor.Widgets and shortcutsThe home screen is where an app proves it is more than a bookmark. On iOS, WebViewGold gives your Claude Code app four ways to live there: an image widget your server keeps current, quick actions on a long press of the icon, Siri phrases that run your JavaScript, and alternate app icons. Android has no WebViewGold equivalent for widgets and quick actions, so this guide also covers the honest alternatives there.Apple Wallet passesIf your Claude Code app sells event tickets, runs a loyalty program or hands out coupons, the pass belongs in Apple Wallet, on the lock screen when it matters. WebViewGold adds the missing link: replace https:// with addpkpass:// in your .pkpass URL and iOS shows the native Add to Apple Wallet sheet. You still create and sign the pass yourself, and on Android, Google Wallet works through its own web save link.Native storage and device IDUsers expect an app to remember them. Cookies and localStorage usually keep your Claude Code app signed in, but they are web storage and go away with the cache. WebViewGold adds two small native helpers: a persistent value store (writevalue:// and readvalue://) for settings and session restore, and a device UUID (get-uuid://) for device-bound licenses, trusted devices and per-device settings on your server.Meta Audience Network adsIf your audience lives on Facebook and Instagram, Meta Audience Network can be an alternative to AdMob. WebViewGold integrates the native Audience Network SDK: timed or page-triggered interstitials on iOS, banners and interstitials on Android, configured in Config.swift and Config.java and steered from your Claude Code app. Here is the setup, the privacy paperwork and where ad apps get rejected.Native tab bar and navigationA hamburger menu and a website header are the fastest way to make a Claude Code app feel like a bookmark, and that is exactly what reviewers judge under Guideline 4.2. WebViewGold adds a native tab bar or sidebar on iOS and a Material bottom navigation or drawer on Android, each configured in one file, while your web app keeps doing the routing.Splash screen and loading indicatorA white screen for two seconds after launch is how a Claude Code app collects a Guideline 2.1 note or a one-star review. The native app opens instantly; your web app needs a moment. WebViewGold covers that moment with a branded splash, a native loading indicator and pull-to-refresh, and a few lines in your web app make the hand-off invisible.Safe area and status barA Claude Code app that looked perfect in the browser can lose its header under the Dynamic Island, its tab bar under the home indicator, or its clock to white-on-white in dark mode. WebViewGold keeps your page inside the safe area by default and colors the status bar natively or from JavaScript. Here is when to rely on that and when to go edge-to-edge with CSS.Force update and version checkYour Claude Code web app updates with every publish, but the native shell around it only changes when users install a new store version. When a new feature depends on a newer shell, or old builds point at a URL you are retiring, you need to know who is behind. WebViewGold hands your web app the installed version; a few lines of code turn that into a gentle banner or a hard update screen.External links and URL handlingOn the web, a link to Stripe, Google login, WhatsApp or your help center just works. Inside an app every link needs a destination: the app itself, an in-app browser tab, Safari or Chrome, or another app such as Mail, Phone or WhatsApp. Get it wrong and users end up stranded on a third-party page with no back button, logged in in the wrong place, or paying in a browser while the app waits.Claude Code and Claude's artifacts let you build complete web apps from the terminal or the chat. Developers and ambitious non-developers who build complete apps in conversation with Claude.
Any web stack; artifacts are single-file React or HTML apps, Claude Code projects are typically Next.js, Vite or SvelteKit
Push the project to GitHub and deploy with Vercel, Netlify or Cloudflare Pages (ask Claude Code to set up the deployment). A single-file artifact can be exported and hosted the same way. Use the deployment URL or your domain in WebViewGold.
Whatever you built: Supabase, Clerk, Auth.js, Firebase
Stripe
No builder badge to remove.
Say you built an AI travel planner with Claude Code: users describe a trip, a server route asks the Claude API for a day-by-day itinerary, and Supabase stores each saved trip. You deploy to Vercel, connect trips.yourdomain.com and have Claude Code add the WebViewGold bridge calls for the share sheet and an .ics calendar file for each day, which iOS opens in Calendar. Every itinerary gets a report button, and the privacy policy explains that trip descriptions are processed by Anthropic. The demo account in the review notes already holds two sample trips. Both stores approve it, and Claude Code ships improvements with each deploy.
Paste into Claude Code, review the changes, publish.
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.
A complete native app project, not a subscription. Everything below is included in the license and switched on with a setting.
Deploy it to a public HTTPS URL, insert that URL into WebViewGold for iOS, build with Xcode or the Cloud Builder and submit via App Store Connect. The Android app uses the same URL with WebViewGold for Android.
Yes, once it is hosted on a permanent HTTPS URL (export the artifact and deploy the file). For anything beyond a single screen, build it as a project so you can add a privacy page and real navigation.
Yes. Point it to the WebViewGold documentation: the JavaScript bridge is plain URL schemes and JavaScript variables, so the agent can integrate push, haptics, sharing or biometric login in minutes.
Yes, if you run it in the folder where you unpacked the projects. It can set the URL and options in Config.swift and Config.java, add trigger lists for the Social Login Helper or adjust permission texts; you still build, sign and upload with Xcode and Android Studio, or use the Cloud Builder form instead.
Yes, from your server. Apple and Google accept AI apps that keep keys server-side, moderate output, let users report problems and explain the processing in the privacy policy. Your app also has to follow Anthropic's usage policies, which apply to everything your users can prompt.
Same result, different amount of work on your side. All three come with the approval guarantee and 24/7 human support.
$109 per platform, one-time
The WebViewGold license: a finished Xcode or Android Studio project. Paste your URL, set name and icon, switch on features, build and submit. Free updates forever.
See plans on the main page$349 per license, one-time add-on
No Mac, no Xcode, no Android Studio: configure in the browser, we build both apps in the cloud and hand them to App Store Connect and the Play Console.
How the Cloud Builder works Try the free demo$698 per platform $798
Send us your URL and icon. Our team configures, builds and delivers your app within 72 hours, white-label, with source projects. Both platforms for $1,158.
Full Service details Powered byWinter Sale prices valid until December 31, 2026.
App Store & Google Play approval guarantee – or your money back within 14 days
Rather hand it over? Full Service: we configure, build and deliver within 72 hours, from $698 per platform. Questions? Chat with us 24/7.
Refunds are granted under the conditions listed in our FAQ: a non-content rejection by Apple and/or Google, claimed within 14 days after purchase.