Skip to content
WebViewGold Vibe Coding to App Store
English
Get WebViewGold

Claude Code + home screen

Home screen widgets, quick actions and Siri for your Claude Code app

The 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.

From $109 one-time per platform, or let our team do it all from $698.

  • Approval guarantee – or money back within 14 days
  • No coding needed
  • One-time payment, free updates
  • 24/7 human support
  • Made in Germany since 2014 · ISO 27001

Four home screen features on iOS

Image widget

A home screen widget that shows an SVG or PNG your server renders: today's numbers, the next booking, a streak. Your web app points it at an image with widget://https://yourdomain.com/widget.svg?t=TOKEN; widgetRefreshTime (minutes) and widgetfallbackURL in Config.swift set the refresh interval and the fallback image.

Quick actions

Set useShortcuts to true in Config.swift and define actions in Shortcuts.json: a title, a redirection_link, optional JavaScript injection and an SF Symbol. Users see them when they long-press the app icon.

Siri phrases

With the optional Siri add-on (sold separately; you enter its plugin token in siriEnabled), a link such as addtosiri://?command=Log%20Water&jsFunction=logWater() lets the user add a phrase that runs a JavaScript function in your web app.

Alternate app icons

Ship up to three alternative icons (dark, classic, seasonal) and let users switch with changeicon://icon1 to changeicon://icon3, or back with changeicon://default. iOS confirms each change with a system notice.

Prompt for Claude Code

Paste this into Claude Code to implement the web-app side. Review the result, publish, then test inside the WebViewGold app.

Prompt for Claude Code
Prompt for Claude Code: Read https://www.webviewgold.com/llms-full.txt (the iOS Widget Extension, Shortcuts, Siri and Dynamic App Icon sections). Then: 1) Add a per-user widget token and a server route that returns the user's summary as an SVG or PNG image for that token. 2) Add a helper that, only inside the iOS app (custom WebViewGold user agent plus iPhone or iPad), navigates once per session to widget://https://OUR_DOMAIN/widget.svg?t=TOKEN. 3) Make the deep routes for quick actions (/new, /today) work on a cold start. 4) In the WebViewGold iOS project, set useShortcuts to true, write Shortcuts.json with three actions using valid SF Symbols, set widgetRefreshTime to 30 and widgetfallbackURL to our logo image. 5) Add an icon picker that uses changeicon://icon1, changeicon://icon2 and changeicon://default. 6) Show me the diff for native files before saving, write tests for the token route, and note in CLAUDE.md that these features are iOS-only.

WebViewGold has allowed us the shortest and most efficient time-to-market ever possible from among all the other app platforms we have ever tried during the past 5 years. I don’t know why I hadn’t discovered you sooner, but I am really, really glad I did. Currently nearing 6000 app downloads on both iOS App Store & Google Play Store without any problem!

Antonio Davila · CodeCanyon

What belongs on the home screen

Each of these features should save the user a step. Good fits for typical vibe-coded apps:

The next thing

Next appointment, next class, next delivery window. A widget image rendered by Your own API routes, serverless functions or Supabase answers "when is it?" without opening the app.

Progress at a glance

Habit streaks, savings goals, sales today, words written. One big number and a label read well at widget size.

The top three jobs

Quick actions like "New entry", "Scan receipt" or "Today" open the right screen directly, so the app feels faster than the website.

Hands-busy moments

Siri phrases for "Start workout", "Log a glass of water" or "Play my station", where tapping is inconvenient.

A perk for loyal users

Alternate icons as a small reward for subscribers or a dark-mode icon for people who care about their home screen.

Add a widget and quick actions to a Claude Code app

Half a day including the widget image endpoint.

  1. Render the widget image on your server

    Add an endpoint in Your own API routes, serverless functions or Supabase that returns an SVG or PNG for one user: one number or one line of text, large and high-contrast, no tiny labels. Keep it fast and cheap; it is fetched again on every refresh.

  2. Authenticate with a token, not a cookie

    The widget fetches the image outside your logged-in web view, so give each user an unguessable widget token, put it in the URL and let them rotate it. Never put a plain user ID in the URL.

  3. Point the widget at it from Claude Code

    After login, inside the iOS app only, navigate once to widget://https://yourdomain.com/widget.svg?t=TOKEN. Set widgetfallbackURL to a branded image for logged-out users and pick a sensible widgetRefreshTime; iOS budgets widget reloads, so expect "fresh within the hour", not real time.

  4. Activate the widget target

    Follow the video guide in the iOS documentation to enable the widget extension in the WebViewGold Xcode project, then add the widget from the home screen gallery on a real iPhone.

  5. Define quick actions

    Write two to four entries in Shortcuts.json that point to deep pages of your Claude Code app (add ?source=shortcut for analytics). The list ships inside the app, so changing it needs a new build; the pages it opens can change with every deploy.

  6. Optional: icons and Siri

    Put alternative icons into the AppIconAlternate folder and add the CFBundleAlternateIcons entries to Info.plist exactly as the dynamic app icon docs show. For Siri, request the plugin token as described in the Siri docs.

Shortcuts.json for quick actions

Placed in the WebViewGold iOS project and enabled with useShortcuts = true (see the shortcut docs). The injection field runs JavaScript after the page loads, here to open a scanner view your web app exposes.

json
{
    "shortcuts": [
        {
            "title": "New entry",
            "redirection_link": "https://app.yourdomain.com/new?source=shortcut",
            "injection": "",
            "symbol": "plus.circle"
        },
        {
            "title": "Today",
            "redirection_link": "https://app.yourdomain.com/today?source=shortcut",
            "injection": "",
            "symbol": "calendar"
        },
        {
            "title": "Scan receipt",
            "redirection_link": "https://app.yourdomain.com/expenses?source=shortcut",
            "injection": "(function() { if (window.openReceiptScanner) { window.openReceiptScanner(); } })();",
            "symbol": "doc.viewfinder"
        }
    ]
}

Android: what exists and what to use instead

NeediOS in WebViewGoldAndroid alternative
Glanceable info on the home screenImage widget (widget://)No WebViewGold widget API. Send a push notification with a url that opens the right screen; a native AppWidget is custom work in the Android Studio project you receive.
Jump straight to a screenQuick actions (Shortcuts.json)No documented quick-action API. Keep those screens one tap away in your navigation and use App Links so links to deep pages open the app.
Voice commandsSiri add-on (addtosiri://)No equivalent in WebViewGold.
User-chosen app iconchangeicon://Not available in WebViewGold for Android.
Receive content from other appsShare extensionAvailable: the ShareIntent API. See share extension and share intent.

Frequently asked questions

Do widgets and quick actions work on Android?

Not through WebViewGold. The widget, Shortcuts.json quick actions, Siri phrases and alternate icons are features of the iOS project. On Android, use push notifications that open a specific URL, App Links and the share target; a native Android widget is possible as custom work in the Android Studio project you receive, but it is not a documented WebViewGold feature.

Can the widget show live data?

It shows an image that your server renders, reloaded on the interval you set in widgetRefreshTime. iOS budgets widget refreshes, so treat it as recent rather than real time. The widget has no buttons of its own; tapping it opens the app.

Does a widget help with App Store review?

It supports the Guideline 4.2 argument because it is something a website cannot do, as long as it shows useful content from the app. Put it in a screenshot and mention it in the review notes so the reviewer actually looks for it.

Is the Siri integration part of the license?

Siri is an optional add-on sold separately: you receive a plugin token to enter in siriEnabled and add the Siri capability to the target. The widget, quick actions and alternate icons are documented features of the iOS project.

Can I change quick actions without an app update?

The list lives in Shortcuts.json inside the app, so adding or renaming an action needs a new build. The pages the actions open are normal URLs of your Claude Code app, so what they show changes with every deploy.

Three ways to get your app into the stores

Same result, different amount of work on your side. All three come with the approval guarantee and 24/7 human support.

Do it yourself

$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

Cloud Builder

$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

Full Service

$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 by WeSetupYourWebViewApp

Winter Sale prices valid until December 31, 2026.

Ready to ship your Claude Code app?

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.