Skip to content
capacitor-app-store logo

Publishing to App Stores

capacitor-app-store

Complete guide to publishing Capacitor apps to Apple App Store and Google Play Store. Covers app preparation, screenshots, metadata, review guidelines, and submission process. Use this skill when users are ready to publish their app.

yeohj0710/wellnessbox0installs0stars

SKILL.md

Full skill instructions

Publishing to App Stores

Guide to submitting Capacitor apps to Apple App Store and Google Play Store.

When to Use This Skill

  • User is ready to publish app
  • User asks about app store submission
  • User needs app store screenshots
  • User has app rejection issues
  • User needs to update app listing

Pre-Submission Checklist

Universal Requirements

  • App icon in all required sizes
  • Splash screen configured
  • App name and bundle ID set
  • Version and build numbers set
  • Privacy policy URL
  • Terms of service URL
  • Support email/​URL
  • Age rating content questionnaire
  • App description (short and long)
  • Keywords/​tags
  • Screenshots for all device sizes
  • Feature graphic (Android)
  • App preview video (optional)

iOS-Specific

  • Apple Developer Program membership ($99/​year)
  • App Store Connect app created
  • Signing certificates and profiles
  • Info.plist usage descriptions
  • App Tracking Transparency (if applicable)
  • Sign in with Apple (if social login used)
  • Export compliance (encryption)

Android-Specific

  • Google Play Developer account ($25 one-time)
  • App signed with release keystore
  • Target SDK level (API 34+)
  • 64-bit support
  • Permissions declared in manifest
  • Data safety form completed
  • Content rating questionnaire

App Store Configuration

Version and Build Numbers

// capacitor.config.ts - Not stored here, just for reference

// iOS: Info.plist
// CFBundleShortVersionString = "1.2.3" (user-visible)
// CFBundleVersion = "45" (build number, increment each upload)

// Android: build.gradle
// versionName = "1.2.3" (user-visible)
// versionCode = 45 (must increment each upload)

iOS Info.plist

<!-- ios/​App/​App/​Info.plist -->
<key>CFBundleDisplayName</​key>
<string>My App</​string>

<key>CFBundleShortVersionString</​key>
<string>1.0.0</​string>

<key>CFBundleVersion</​key>
<string>1</​string>

<!-- Privacy descriptions - REQUIRED for permissions -->
<key>NSCameraUsageDescription</​key>
<string>Take photos for your profile</​string>

<key>NSPhotoLibraryUsageDescription</​key>
<string>Select photos from your library</​string>

<key>NSLocationWhenInUseUsageDescription</​key>
<string>Find nearby locations</​string>

<key>NSFaceIDUsageDescription</​key>
<string>Secure login with Face ID</​string>

<key>NSMicrophoneUsageDescription</​key>
<string>Record voice messages</​string>

<!-- App Tracking Transparency -->
<key>NSUserTrackingUsageDescription</​key>
<string>Allow tracking for personalized ads</​string>

<!-- Export compliance -->
<key>ITSAppUsesNonExemptEncryption</​key>
<false/>

Android build.gradle

// android/​app/​build.gradle
android {
    defaultConfig {
        applicationId "com.yourcompany.yourapp"
        minSdkVersion 22
        targetSdkVersion 34
        versionCode 1
        versionName "1.0.0"

        // 64-bit support
        ndk {
            abiFilters 'armeabi-v7a', 'arm64-v8a', 'x86', 'x86_64'
        }
    }

    buildTypes {
        release {
            minifyEnabled true
            shrinkResources true
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }

    bundle {
        language {
            enableSplit = true
        }
        density {
            enableSplit = true
        }
        abi {
            enableSplit = true
        }
    }
}

App Icons

iOS App Icons

Required sizes (place in Assets.xcassets):

SizeScaleUsage
20pt2x, 3xNotification
29pt2x, 3xSettings
40pt2x, 3xSpotlight
60pt2x, 3xApp Icon
76pt1x, 2xiPad
83.5pt2xiPad Pro
1024pt1xApp Store

Android App Icons

Required sizes (place in res/​mipmap-*):

DensitySizeFolder
mdpi48x48mipmap-mdpi
hdpi72x72mipmap-hdpi
xhdpi96x96mipmap-xhdpi
xxhdpi144x144mipmap-xxhdpi
xxxhdpi192x192mipmap-xxxhdpi

Also needed:

  • Adaptive icon (foreground + background layers)
  • Play Store icon: 512x512

Generate Icons

# Use capacitor-assets
bun add -D @capacitor/​assets
bunx capacitor-assets generate --iconBackgroundColor '#ffffff'

Screenshots

iOS Screenshot Sizes

DeviceSizeRequired
iPhone 6.7"1290x2796Yes
iPhone 6.5"1284x2778Yes
iPhone 5.5"1242x2208Yes
iPad Pro 12.9"2048x2732If supporting iPad
iPad Pro 11"1668x2388If supporting iPad

Android Screenshot Sizes

TypeSizeRequired
Phone1080x1920 to 1080x2400Yes (2-8)
7" Tablet1200x1920If supporting
10" Tablet1600x2560If supporting

Feature Graphic (Android)

  • Size: 1024x500
  • Required for Play Store listing

Generating Screenshots

// Use Playwright for automated screenshots
import { test } from '@playwright/​test';

const devices = [
  { name: 'iPhone 14 Pro Max', viewport: { width: 430, height: 932 } },
  { name: 'iPhone 14', viewport: { width: 390, height: 844 } },
  { name: 'Pixel 7', viewport: { width: 412, height: 915 } },
];

test('generate screenshots', async ({ page }) => {
  for (const device of devices) {
    await page.setViewportSize(device.viewport);

    // Screenshot 1: Home
    await page.goto('/');
    await page.screenshot({
      path: `screenshots/​${device.name}-home.png`,
      fullPage: false,
    });

    // Screenshot 2: Feature
    await page.goto('/​feature');
    await page.screenshot({
      path: `screenshots/​${device.name}-feature.png`,
    });
  }
});

App Store Connect Submission

1. Create App

  1. Go to https://appstoreconnect.apple.com
  2. My Apps > + > New App
  3. Fill in:
    • Platform: iOS
    • Name: Your App Name
    • Primary Language
    • Bundle ID
    • SKU (unique identifier)

2. App Information

  • Category (primary and secondary)
  • Content Rights
  • Age Rating (complete questionnaire)

3. Pricing and Availability

  • Price (Free or paid tier)
  • Availability (countries)

4. App Privacy

  • Privacy Policy URL (required)
  • Data collection types:
    • Contact Info
    • Health & Fitness
    • Financial Info
    • Location
    • Identifiers
    • Usage Data
    • etc.

5. Version Information

  • Screenshots (all sizes)
  • Promotional Text (170 chars)
  • Description (4000 chars)
  • Keywords (100 chars, comma-separated)
  • Support URL
  • Marketing URL (optional)
  • What's New (for updates)

6. Build Upload

# Using Xcode
# Product > Archive > Distribute App > App Store Connect

# Using Fastlane
fastlane ios release

# Using xcrun
xcrun altool --upload-app --type ios --file App.ipa \
  --apiKey KEY_ID --apiIssuer ISSUER_ID

7. Submit for Review

  • Answer export compliance questions
  • Add notes for reviewer (if needed)
  • Submit

Google Play Console Submission

1. Create App

  1. Go to https://play.google.com/console
  2. All apps > Create app
  3. Fill in:
    • App name
    • Default language
    • App or game
    • Free or paid

2. Store Listing

  • Short description (80 chars)
  • Full description (4000 chars)
  • Screenshots (2-8 per device type)
  • Feature graphic (1024x500)
  • App icon (512x512)
  • Video URL (optional, YouTube)

3. Content Rating

Complete the questionnaire for IARC rating

4. Target Audience

  • Target age group
  • Ads declaration

5. Data Safety

  • Data collection
  • Data sharing
  • Security practices
  • Data deletion request handling

6. App Content

  • Ads (yes/​no)
  • App category
  • Contact details
  • Privacy policy

7. Release

# Build AAB (required for new apps)
cd android && ./​gradlew bundleRelease

# Upload via Play Console or API
# Production > Create new release > Upload AAB

Release Tracks

TrackPurpose
Internal testingUp to 100 testers, instant
Closed testingInvite-only, review
Open testingPublic beta
ProductionFull release

Common Rejection Reasons

iOS Rejections

ReasonSolution
CrashesTest on real devices, fix bugs
Broken linksVerify all URLs work
Incomplete metadataFill all required fields
Missing privacy infoComplete App Privacy section
Login issuesProvide demo account
Guideline 4.2 (Minimum Functionality)Add meaningful features
Guideline 5.1.1 (Data Collection)Justify data usage

Android Rejections

ReasonSolution
Crashes/​ANRsFix stability issues
Policy violationReview Play policies
Deceptive behaviorBe transparent about features
Sensitive permissionsJustify in-app
Target SDK too lowUpdate to API 34+

Updates and Versioning

Version Incrementing

# Increment patch (1.0.0 -> 1.0.1)
bun version patch

# Increment minor (1.0.0 -> 1.1.0)
bun version minor

# Increment major (1.0.0 -> 2.0.0)
bun version major

Phased Rollout

iOS:

  • Enable phased release in App Store Connect
  • 7-day gradual rollout (1%, 2%, 5%, 10%, 20%, 50%, 100%)

Android:

  • Set rollout percentage in release
  • Monitor crash rate before increasing

Resources

More skills from yeohj0710

capacitor-testing logo
yeohj0710/wellnessbox

capacitor-testing

Complete testing guide for Capacitor apps covering unit tests, integration tests, E2E tests, and native testing. Includes Jest, Vitest, Playwright, Appium, and native testing frameworks. Use this skill when users need to test their mobile apps.

0 0
View
vercel-composition-patterns logo
yeohj0710/wellnessbox

vercel-composition-patterns

Composition patterns for building flexible, maintainable React components. Avoid boolean prop proliferation by using compound components, lifting state, and composing internals. These patterns make codebases easier for both humans and AI agents to work with as they scale.

0 0
View

Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.

0 0
View
next-upgrade logo
yeohj0710/wellnessbox

next-upgrade

Upgrade Next.js to the latest version following official migration guides and codemods

0 0
View
capacitor-deep-linking logo
yeohj0710/wellnessbox

capacitor-deep-linking

Complete guide to implementing deep links and universal links in Capacitor apps. Covers iOS Universal Links, Android App Links, custom URL schemes, and navigation handling. Use this skill when users need to open their app from links.

0 0
View
tailwind-capacitor logo
yeohj0710/wellnessbox

tailwind-capacitor

Guide to using Tailwind CSS in Capacitor mobile apps. Covers mobile-first design, touch targets, safe areas, dark mode, and performance optimization. Use this skill when users want to style Capacitor apps with Tailwind.

0 0
View
vercel-deploy logo
yeohj0710/wellnessbox

vercel-deploy

Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment".

0 0
View
capacitor-keyboard logo
yeohj0710/wellnessbox

capacitor-keyboard

Guide to handling keyboard in Capacitor apps including visibility detection, accessory bar, scroll behavior, and input focus. Use this skill when users have keyboard-related issues.

0 0
View
frontend-design logo
yeohj0710/wellnessbox

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beaut...

0 0
View
ios-android-logs logo
yeohj0710/wellnessbox

ios-android-logs

Guide to accessing device logs on iOS and Android for Capacitor apps. Covers command-line tools, GUI applications, filtering, and real-time streaming. Use this skill when users need to view device logs for debugging.

0 0
View
vercel-react-native-skills logo
yeohj0710/wellnessbox

vercel-react-native-skills

Comprehensive best practices for React Native and Expo applications. Contains rules across multiple categories covering performance, animations, UI patterns, and platform-specific optimizations.

0 0
View
develop-ai-functions-example logo
yeohj0710/wellnessbox

develop-ai-functions-example

Develop examples for AI SDK functions. Use when creating, running, or modifying examples under examples/ai-functions/src to validate provider support, demonstrate features, or create test fixtures.

0 0
View

Popular AI tools

Kaiber logo
Video

Kaiber

Generate, edit, and beat-sync AI video with leading models in one workspace.

Paid
View
Vimcal logo
Productivity

Vimcal

The world's fastest calendar for remote work

Free
View

Transform Your Design with AI Designer by ImgCreator.ai

Freemium
View
Akool AI logo
Content & writing

Akool AI

Revolutionizing Video Production with AI-Powered Creativity

Paid
View

Extend an image past the frame and let AI fill the new aspect ratio.

Freemium
View
StarByFace logo
Security

StarByFace

Discover your celebrity doppelgänger with StarByFace!

Free
View
C

ChainClarity explains 700+ crypto whitepapers in plain English, with layered summaries, comparisons, research tools, alerts, and a $4.99 Pro plan.

Freemium
View
Opus Clip logo
Coding & apps

Opus Clip

Opus.ai: Revolutionize Your Web Experience

Free
View