capacitor-app-creation

Scaffolds new Capacitor apps with platform setup, configuration, and initial sync.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @capacitor/core, @capacitor/cli, @capacitor/android, @capacitor/ios.

What problem does it solve? Setting up a new Capacitor app involves many manual steps—scaffolding a web project, installing Capacitor packages, configuring appId and webDir, adding native platforms, and syncing—which is error-prone for developers unfamiliar with the toolchain. ## Core Features & Use Cases - Guided Scaffolding: Walks through creating a web app with Angular, React, Vue, or vanilla JS/TS, then installs and initializes Capacitor with the correct web asset directory. - Native Platform Setup: Adds Android and iOS platforms, builds the web assets, syncs native dependencies, and runs the app on emulators or devices. - Error Recovery: Provides fixes for common failures such as missing web asset directories, existing platform folders, and Android SDK misconfiguration. - Use Case: A developer wants to turn a Vite React project into a native Android and iOS app; the skill guides them through cap init, platform addition, and the first successful cap run. ## Quick Start Ask the agent to create a new Capacitor app from scratch and answer its step-by-step questions about framework, app name, app ID, and target platforms.

Frequently Asked Questions about capacitor-app-creation

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

FAQPage Schema
How do I create a new Capacitor app from scratch?

Scaffold a web project with Angular, React, Vue, or vanilla JS, then install @capacitor/core and @capacitor/cli, run npx cap init with your app name, app ID, and web directory, add platforms with npx cap add android or ios, and sync with npx cap sync.

How to add Android and iOS platforms to a Capacitor project?

Install @capacitor/android or @capacitor/ios via npm, then run npx cap add android or npx cap add ios. This generates the native android/ or ios/ project directories, after which npx cap sync copies web assets and installs native dependencies.

Should I use Capacitor with Ionic Framework or a plain web app?

Capacitor works with any web stack including Angular, React, Vue, or vanilla JS. If you want Ionic's UI components and theming, use an Ionic app creation flow instead; otherwise plain Capacitor setup is sufficient.

Why does npx cap sync fail with web assets directory not found?

The web app has not been built yet, or the webDir in capacitor.config.ts points to a non-existent directory. Run your build command first, such as npm run build for Vite projects or ng build for Angular, then sync again.

What are the requirements for building Capacitor iOS and Android apps?

You need Node.js 22 or later. For iOS, macOS with Xcode 26.0+ and Command Line Tools is required. For Android, install Android Studio 2025.2.1+ with Android SDK API 24+ and set ANDROID_HOME or ANDROID_SDK_ROOT.