capawesome-team/skills

capacitor-app-upgrades

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

ソースを見る

使い方

  1. インストールコマンドをコピーし、自分の環境へ導入する前にソースを確認します。
  2. 必要なツール、認証情報、対応環境を原文で確認します。
  3. 入力と成果物を指定し、出力を資料と照合します。
npx skills add https://github.com/capawesome-team/skills --skill capacitor-app-upgrades

開始前の確認

  • 導入にはモデル契約、API枠、ファイルへのアクセス許可は含まれません。
  • スター数や導入数は活動の指標であり、独立した品質・安全性試験ではありません。
リポジトリの原文

見出し、例、コード、表、リンク、参照画像を含む原文を表示しています。

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.

タスクに関連する項目

同じリポジトリから

関連する Skills

すべての Skills
capawesome-team
コミュニティ

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

導入数
11
GitHub Stars
51
更新日
10月20日
capawesome-team
コミュニティ

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.

導入数
11
GitHub Stars
51
更新日
10月20日
capawesome-team
コミュニティ

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.

導入数
11
GitHub Stars
51
更新日
10月20日
capawesome-team
コミュニティ

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

導入数
11
GitHub Stars
51
更新日
10月20日