capawesome-team/skills

capacitor-plugin-upgrades

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

查看源码
仓库原始内容

按源仓库内容呈现,保留标题、案例、代码、表格、链接以及原文引用的演示图片。

Capacitor Plugin Upgrade

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

Prerequisites

Target VersionNode.js
516+
618+
720+
822+

The project must be a Capacitor plugin (not an app project).

Procedures

Step 1: Detect Current Version

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

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

Step 2: Execute Upgrade

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 npm install && npx cap sync, build, and verify the plugin's test/example app
  3. Read and apply references/upgrade-v6-to-v7.md
  4. Run npm install && npx cap sync, build, and verify the plugin's test/example app
  5. Read and apply references/upgrade-v7-to-v8.md
  6. Run npm install && npx cap sync, build, and verify the plugin's test/example app

Do not skip intermediate versions.

Step 3: Final Verification

After completing all upgrade steps:

bash
npm install
npx cap sync

Build the plugin's test/example app on both platforms to verify.

Error Handling

  • If automated upgrade tools fail, check the terminal output for which steps failed and apply those manually using the steps in the corresponding reference file.
  • 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-upgrades` — If the app project itself also needs upgrading, use this skill.
  • `capacitor-plugin-spm-support` — After upgrading a plugin to Capacitor 6+, use this skill to add Swift Package Manager support.
  • `capacitor-plugin-development` — For creating new Capacitor plugins from scratch, including scaffolding, native implementation, and publishing.
来自同一仓库

更多 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 setup, or non-Angular frameworks.

安装量
4
GitHub Stars
45
最近更新
9月13日
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.

安装量
4
GitHub Stars
45
最近更新
9月13日
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. Do not use for creating new Capacitor apps, Capacitor plugin APIs, creating Capacitor plugins, in-app purchases, upgrading Capacitor versions, Cordova or PhoneGap migration, or framework-specific patterns (Angular, React, Vue).

安装量
4
GitHub Stars
45
最近更新
9月13日
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, restoring preserved files, re-syncing plugins, and verifying the build. Performs all migration steps manually — does not use the interactive npx cap spm-migration-assistant command. Do not use for Capacitor plugin projects, app projects already on SPM, app projects without an existing ios/ folder, or non-Capacitor mobile frameworks.

安装量
4
GitHub Stars
45
最近更新
9月13日