capawesome-team/skills

capacitor-app-upgrades

Guides the agent through upgrading a Capacitor app project to a newer major version.

View source

How to use

  1. Copy the installation command and review the source package before installing it in your own agent environment.
  2. Check the source document for required tools, credentials and supported hosts.
  3. Describe your input and desired deliverable; review the output against the source material.
npx skills add https://github.com/capawesome-team/skills --skill capacitor-app-upgrades

Before you start

  • Installation does not include a model subscription, API allowance or permission to access your files.
  • Repository stars and installation counts describe activity, not an independent quality or security test.
Original skill document

Rendered from the source repository. Headings, examples, code, tables, links, and referenced images are preserved.

Capacitor App Upgrade

Upgrade a Capacitor app project to a newer major version (4→5, 5→6, 6→7, or 7→8).

Prerequisites

Target VersionNode.jsXcodeAndroid Studio
516+14.1+Flamingo 2022.2.1+ (Java 17)
618+15.0+Hedgehog 2023.1.1+
720+16.0+Ladybug 2024.2.1+ (Java 21)
822+26.0+Otter 2025.2.1+

Procedures

Step 1: Detect Current Version

Read @capacitor/core version from package.json (dependencies or devDependencies). Determine the current major version.

Ask the user for the target version. Default to the latest (8) if not specified.

Step 2: Execute Upgrade

Do not run `npx cap migrate`. It is an interactive command that cannot be invoked by an agent. Always apply each upgrade manually using the steps in the corresponding reference file.

For each major version jump between the current and target version, apply the corresponding upgrade guide sequentially:

Current → TargetReference
4 → 5references/upgrade-v4-to-v5.md
5 → 6references/upgrade-v5-to-v6.md
6 → 7references/upgrade-v6-to-v7.md
7 → 8references/upgrade-v7-to-v8.md

For multi-version jumps (e.g., 5 → 8), apply each upgrade in order:

  1. Read and apply references/upgrade-v5-to-v6.md
  2. Run npx cap sync, build, and verify on both platforms
  3. Read and apply references/upgrade-v6-to-v7.md
  4. Run npx cap sync, build, and verify on both platforms
  5. Read and apply references/upgrade-v7-to-v8.md
  6. Run npx cap sync, build, and verify on both platforms

Do not skip intermediate versions.

Step 3: Final Verification

After completing all upgrade steps:

bash
npx cap sync
npx cap run android
npx cap run ios

Error Handling

  • If Android build fails after upgrade, run Tools > AGP Upgrade Assistant in Android Studio.
  • If iOS build fails, verify the deployment target matches the target version requirements in the reference file.
  • If Gradle property syntax warnings appear (v8+), search all .gradle files for property assignments without = and update them.
  • If a multi-version upgrade fails mid-way, fix the current version step before proceeding to the next.

Related Skills

  • `capacitor-app-development` — For general Capacitor development topics, troubleshooting, and best practices after completing the upgrade.
  • `capacitor-plugin-upgrades` — If the project contains Capacitor plugins that also need upgrading, use this skill after the app upgrade.
  • `capacitor-plugins` — For installing or reconfiguring plugins after the app upgrade.
  • `ionic-app-upgrades` — If the project uses the Ionic Framework UI library, the Ionic version may also need upgrading alongside Capacitor.

Related by task

from this repository

More skills

All skills
capawesome-team
Community

capacitor-angular

Guides the agent through Angular-specific patterns for Capacitor app development. Covers project structure, adding Capacitor to Angular projects, using Capacitor plugins in Angular services and components, NgZone integration for plugin event listeners, lifecycle hook patterns, dependency injection, routing with deep links, and environment-based platform detection. Do not use for creating a new Capacitor app from scratch, upgrading Capacitor versions, installing specific plugins, Ionic Framework

installs
11
GitHub stars
51
Updated
Oct 20
capawesome-team
Community

capacitor-app-creation

Guides the agent through creating a new Capacitor app from scratch. Covers project scaffolding with the Capacitor CLI, configuring the app (appId, appName, webDir), adding native platforms (iOS, Android), and syncing. Includes decision points for Ionic Framework integration, live updates, and CI/CD setup. Do not use for upgrading existing Capacitor apps, migrating from other frameworks, or plugin installation.

installs
11
GitHub stars
51
Updated
Oct 20
capawesome-team
Community

capacitor-app-development

Guides the agent through general Capacitor app development topics. Covers core concepts (native bridge, plugins, web layer), Capacitor CLI usage, app configuration (capacitor.config.ts, splash screens, app icons, deep links), platform management (Android, iOS, Electron, PWA), edge-to-edge and safe area handling on Android, live reload setup, storage solutions, file handling, security best practices, CI/CD references, iOS package managers (SPM, CocoaPods), and troubleshooting for Android and iOS.

installs
11
GitHub stars
51
Updated
Oct 20
capawesome-team
Community

capacitor-app-spm-migration

Guides the agent through migrating an existing Capacitor app project from CocoaPods to Swift Package Manager (SPM) for iOS dependency management. Covers prerequisite checks, inventorying installed Capacitor plugins, backing up customized iOS project files (Info.plist, AppDelegate.swift, Assets.xcassets, Base.lproj, App.entitlements, GoogleService-Info.plist, .xcconfig files, signing configuration), deleting the existing ios/ folder, re-scaffolding with npx cap add ios --packagemanager SPM, resto

installs
11
GitHub stars
51
Updated
Oct 20