ionic-everywhere

Scaffold one Ionic React codebase that builds to Web, Android, and Desktop.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Setting up a cross-platform app normally means wiring Ionic, Capacitor, and Electron together by hand, duplicating configuration across web, Android, and desktop targets. This Skill guides the ionic-everywhere CLI so a single TypeScript codebase scaffolds, syncs, and builds to all three platforms with consistent tooling. ## Core Features & Use Cases - Project Scaffolding: Run ionic-everywhere new with flags for app ID, package manager, layout (tabs/drawer/sidebar), styling (Tailwind, shadcn, Kumo), and theme to generate a complete project. - Environment Validation: Use ionic-everywhere doctor to verify Node.js, bun/npm, JDK 21+, and Android SDK before building. - Platform Management: Add Android or Electron desktop shells to an existing project with ionic-everywhere add, then build APKs or desktop installers via generated npm scripts. - Use Case: A developer wants one responsive Ionic React app shipped as a PWA, a Google Play APK, and a Windows/macOS/Linux desktop app. Scaffold once with the CLI, then run npm run sync and npm run build:all to produce every target from the same source tree. ## Quick Start Ask the agent to scaffold a new cross-platform Ionic app named my-app with default options using the ionic-everywhere CLI.

Frequently Asked Questions about ionic-everywhere

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

FAQPage Schema
How do I create a new Ionic React app for web, Android, and desktop?

Run `ionic-everywhere new my-app` to scaffold one Ionic React codebase targeting all three platforms. Use `--yes` for defaults, or pass flags like `--app-id`, `--pm bun`, `--layout drawer`, and `--styling tailwind` to customize the generated project.

How do I build an Android APK from an Ionic Capacitor project?

Run `npm run build:android` in the generated project, which syncs the web build into the Android shell and assembles a debug APK with Gradle. Ensure JDK 21+ and the Android SDK are installed, with JAVA_HOME and ANDROID_HOME set.

Can I add Electron desktop support to an existing Ionic project?

Yes, run `ionic-everywhere add desktop` inside the project to add the Electron shell as a workspace member. One install and one lockfile cover both the web app and the desktop shell, with no separate setup inside the electron directory.

Why does npx cap sync fail in a Capacitor project?

Cap sync usually fails when @capacitor/core and @capacitor/cli versions mismatch or the Android build is stale. Verify the versions match, then run `cd android && ./gradlew clean` before syncing again.

What are the prerequisites for building Ionic apps on Android?

You need Node.js 20 or later, bun or npm, JDK 21 or later, and the Android SDK installed. Run `ionic-everywhere doctor` to check all of these requirements and diagnose missing tools before building.