Skip to content

docs: surface the install-with-AI prompt on the iOS install page, refresh Meta Ads screenshot - #280

Merged
DreamingInBinary merged 4 commits into
mainfrom
jordan/docs-install-with-ai-prompt
Aug 26, 2026
Merged

docs: surface the install-with-AI prompt on the iOS install page, refresh Meta Ads screenshot#280
DreamingInBinary merged 4 commits into
mainfrom
jordan/docs-install-with-ai-prompt

Conversation

@DreamingInBinary

@DreamingInBinary DreamingInBinary commented Aug 26, 2026

Copy link
Copy Markdown
Contributor

Two unrelated docs changes, split into commits.

1. Install-with-AI prompt on the iOS install page

The one-line agent prompt (Install Superwall into my app using the skill at github.com/superwall/skills) only lived in the INSTALL WITH AI section of the superwall.com homepage. Anyone landing straight on the install page from search, a shared link, or the sidebar never saw it and started hand-rolling SPM/CocoaPods steps.

This came from customer feedback. They only knew the prompt existed because they'd browsed the homepage days earlier, hit enough friction during setup to abandon the install, and told us so.

  • Adds src/components/InstallWithAI.tsx, registered globally so any SDK install page can drop it in with one line.
  • A platform prop keeps the prompt specific: iOS renders "into my iOS app" rather than the homepage's generic "my app".
  • Reuses the repo's existing useCopyButton hook and GridIcon rather than a bespoke copy button.
  • Wired into iOS only for now. Android, Flutter, Expo, KMP, Unity, and Web have the same gap and are a trivial follow-up once the wording settles.

One thing worth a reviewer's eye: the line "Prefer to do it by hand? The steps are below" is mine, not the homepage's. It's there to keep the block from reading as though the manual path is being deprecated.

2. Meta Ads screenshots refreshed for install.link

The generated ad link moved to install.link and the page copy was updated, but the screenshots still showed mmp.superwall.com. I audited all nine mmp_* images on the page rather than only the obvious ones; three were stale and are now replaced, each resized to 2000px wide per the repo image rule.

Image Step Change
mmp_meta_events_to_send 3 replaced (2000x1291)
mmp_meta_ad_links 4 replaced (2000x1222, dimensions unchanged)
mmp_meta_ad_website_url 5 replaced (2000x1163, was 2000x1918)

The remaining six (mmp_performance_marketing_section, mmp_meta_dataset_token, mmp_meta_events_confirmed, mmp_meta_campaign_objective, mmp_meta_adset_conversion, mmp_advertising_chart_section) contain no ad link and needed no change. No other docs page carries MMP screenshots.

The Step 3 one was the easiest to miss: its alt text describes the "Events to send" card, but the capture extends far enough down the page to include the Ads links section underneath, where the old domain was still visible.

The page copy was already clean; mmp.superwall.com appears nowhere in content/. Only the images lagged.

Two notes for the reviewer

Step 5 shows a different link shape than Steps 3 and 4. Steps 3 and 4 both show https://install.link/link/pk_... (with /link/); Step 5 shows https://install.link/pk_... (without). The copy only ever references the bare install.link domain for the allow list, so nothing in the docs contradicts either, but it's worth confirming which is current.

Unrelated product/docs mismatch, not fixed here. The docs tell people to allow-list install.link (lines 101 and 244). The dashboard's own instructional text, visible in mmp_meta_dataset_token.jpg and in the fresh Step 3 capture, says "Type the domain superwall.com and add it to the allow list." That's current product copy rather than a stale screenshot, so one of the two is wrong. It gates whether Meta accepts the traffic, so probably worth a paywall-next fix.

Verification

  • Copy button copies exactly Install Superwall into my iOS app using the skill at github.com/superwall/skills, confirmed by intercepting clipboard.writeText rather than by eye. Button flips to "Copied".
  • Caught mid-build: a raw <a> rendered /dashboard/guides/superwall-skill without the /docs basePath and would have 404'd. Now routed through normalizeDocsInternalHref + TanStack Link, matching <Card>, and resolving to /docs/dashboard/guides/superwall-skill.
  • Renders correctly in both light and dark. At 375px the prompt wraps with no horizontal overflow.
  • All nine images confirmed serving at their expected dimensions on the running page.
  • bun test 64/64. oxlint 0 errors, no new warnings.
  • bun run build:cf green, all pages prerendered, search index written.
  • types:check reports 256 errors, but clean main reports the identical 256. None are new. Pre-existing debt worth its own pass.

Rebased onto current main (#173).

🤖 Generated with Claude Code

DreamingInBinary and others added 3 commits August 26, 2026 13:58
The one-line agent prompt only lived on the superwall.com homepage, so
anyone landing straight on the install page (search, a shared link, the
sidebar) started hand-rolling SPM/CocoaPods steps without ever learning
the agent path existed. Reported by a customer who hit exactly this.

Adds an <InstallWithAI> component, registered globally so any SDK's
install page can drop it in with one line, and wires it into iOS above
the manual steps. The platform prop keeps the prompt specific, so iOS
reads "into my iOS app" rather than the homepage's generic "my app".

Routes its link through normalizeDocsInternalHref + TanStack Link like
<Card> does; a raw <a> drops the /docs basePath and 404s.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
The generated ad link moved to install.link and the page copy was updated,
but this screenshot still showed the old mmp.superwall.com domain.

Resized to 2000px wide per the repo image rule; lands at 2000x1222, the
same dimensions as the image it replaces, so the page layout is unchanged.

Note mmp_meta_ad_website_url.jpg (Step 5) is still stale, showing the old
domain in both the Website URL field and the ad preview. Needs a fresh
capture.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Closes the gap flagged in the previous commit: the Step 5 ad-level
screenshot still showed mmp.superwall.com in the Website URL field and
as the display domain in the ad preview.

Resized to 2000px wide per the repo image rule. Note the aspect ratio
differs from the capture it replaces (2000x1163 vs 2000x1918), so the
image renders shorter on the page.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Aug 26, 2026

Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
superwall-docs 340512f Commit Preview URL

Branch Preview URL
Aug 26 2026, 07:33 PM

…tall.link

Third and last stale capture on the page. Easy to miss because the alt
text describes the "Events to send" card, but the screenshot extends far
enough down to include the Ads links section below it, which still showed
mmp.superwall.com.

Audited all nine mmp_* images on the page; the other six contain no ad
link and needed no change.

Resized to 2000px wide per the repo image rule.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@DreamingInBinary
DreamingInBinary merged commit 5593158 into main Aug 26, 2026
2 checks passed
@DreamingInBinary
DreamingInBinary deleted the jordan/docs-install-with-ai-prompt branch August 26, 2026 19:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant