技能檔案

Pwa Distribution

Name: Pwa Distribution
Author: nadavyigal

PWA distribution strategy for RunSmart including app store optimization, web install prompts, TWA (Trusted Web Activity) for Google Play, Apple Add-to-Home-Screen optimization, and cross-platform distribution channels. Use when planning app distribution, optimizing install rates, or expanding to new platforms.

nadavyigal0 星標2026年2月8日

職業
分類: 流動裝置

技能內容

When Claude should use this skill

Setting up PWA install flow and prompts
Publishing to Google Play via TWA
Optimizing Apple Add-to-Home-Screen experience
Planning distribution across app stores and web
Improving install conversion rates
User asks about "app store" or "distribution"

Distribution Channels

1. Web (Primary)

Direct URL access with smart install banner
Custom beforeinstallprompt handling
Deferred prompt after value demonstration (post-onboarding)

// Install prompt strategy
// Don't show immediately — wait until user completes onboarding
let deferredPrompt: BeforeInstallPromptEvent | null = null;

window.addEventListener('beforeinstallprompt', (e) => {
  e.preventDefault();
  deferredPrompt = e;
});

// Show after onboarding completion
async function showInstallPrompt() {
  if (deferredPrompt) {
    deferredPrompt.prompt();
    const result = await deferredPrompt.userChoice;
    // Track: install_prompt_shown, install_accepted/declined
  }
}

相關技能

Pwa Distribution | Skills Pool

# Generate TWA with Bubblewrap
npx @nicolo-ribaudo/bubblewrap init \
  --manifest https://runsmart.app/manifest.json
npx @nicolo-ribaudo/bubblewrap build

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="RunSmart">
<link rel="apple-touch-icon" href="/icons/apple-icon-180.png">

Priority	Keywords	Monthly Searches
P0	running coach app	12K
P0	AI running coach	3K
P0	personalized training plan	5K
P1	couch to 5k	40K
P1	run tracker	20K
P1	marathon training plan	8K
P2	running app free	15K
P2	GPS run tracker	10K

{
  "name": "RunSmart - AI Running Coach",
  "short_name": "RunSmart",
  "description": "Personalized AI training plans that adapt to your progress",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#ffffff",
  "theme_color": "#2563eb",
  "orientation": "portrait",
  "categories": ["health", "fitness", "sports"],
  "screenshots": [...],
  "icons": [
    { "src": "/icons/icon-192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/icons/icon-512.png", "sizes": "512x512", "type": "image/png" },
    { "src": "/icons/maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
  ]
}

Pwa Distribution

When Claude should use this skill

Distribution Channels

1. Web (Primary)

Pwa Distribution

When Claude should use this skill

Distribution Channels

1. Web (Primary)

2. Google Play Store (TWA)

3. Apple (Add to Home Screen)

4. Microsoft Store (Optional)

5. PWA Directories

App Store Optimization (ASO)

Keyword Strategy

Screenshot Strategy (5 screenshots)

Rating & Review Strategy

Install Rate Optimization

Manifest Configuration

Integration Points

Liquid Glass Design

Compose Multiplatform Patterns

Foundation Models On Device

Swiftui Patterns

Foundation Models On Device

Swiftui Patterns