capacitor-expert

Guides building cross-platform iOS, Android, and web apps with Capacitor.

1|Updated Aug 25, 2026
One-click install
npx skills add https://github.com/involvex/ionic-everywhere --skill capacitor-expert-involvex
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: capacitor-expert
Source: https://github.com/involvex/ionic-everywhere/tree/main/.agents/skills/capacitor-expert
Command: npx skills add https://github.com/involvex/ionic-everywhere --skill capacitor-expert-involvex

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building native mobile apps with web technology requires navigating Capacitor's bridge architecture, plugin ecosystem, platform configuration, and upgrade paths, which is error-prone without consolidated guidance. ## Core Features & Use Cases - App Creation & CLI Workflows: Covers project initialization, platform addition, sync, run, and live-reload commands for Android and iOS. - Plugin Integration & Development: Explains installing official, Capawesome, and community plugins, plus authoring custom plugins with Swift and Kotlin implementations. - Best Practices & Operations: Details storage selection, security hardening, permissions, deep links, testing, troubleshooting, version upgrades, and Capawesome Cloud live updates and native builds. - Use Case: A React developer adds the Camera plugin, configures permissions, syncs native projects, and deploys an OTA live update to production users without an app store release. ## Quick Start Ask the agent to help you create a new Capacitor app with React, add the Camera plugin, and run it on an Android emulator.

Frequently Asked Questions about capacitor-expert

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a new Capacitor app with React?

Create a Vite React project, install @capacitor/core and @capacitor/cli, run npx cap init with your app name and ID, build the web assets, then add platforms with npx cap add android or ios and run npx cap sync.

How do I install and use a Capacitor plugin?

Install the plugin package with npm, then run npx cap sync to update native projects. Import the plugin API in TypeScript and call its methods, applying any required AndroidManifest.xml or Info.plist permission entries documented by the plugin.

Which storage option should I use in a Capacitor app?

Use @capacitor/preferences for app settings, @capawesome-team/capacitor-secure-preferences for tokens and credentials, SQLite plugins for relational offline data, and @capacitor/filesystem for files. Avoid localStorage and IndexedDB because the OS can evict them.

Why does npx cap sync fail or my plugin not load at runtime?

Sync failures usually come from mismatched @capacitor/core and @capacitor/cli versions; run cd android && ./gradlew clean. A plugin not found at runtime means sync was not run after installation or the Gradle sync did not complete.

Can I send live updates to a Capacitor app without app store review?

Yes, Capawesome Cloud live updates deploy web bundles over the air using the @capawesome/capacitor-live-update plugin. Configure your appId in capacitor.config.ts and upload builds with the Capawesome CLI; updates apply on next app launch.

How do I upgrade Capacitor across major versions?

Apply each major version jump sequentially without skipping versions, following the per-version reference steps manually. Do not run npx cap migrate from an agent since it is interactive; check the Node, Xcode, and Android Studio version requirements for each target.