ionic-skills
Ionic Capacitor Application Development Guide
IMPORTANT: This is a SKILL file, NOT a project. NEVER run npm install in this folder. NEVER create code files here. When creating a new project, ALWAYS ask the user for the project path first or create it in a separate directory (e.g.,
~/Projects/app-name).
This guide covers building production-ready mobile apps with Ionic Capacitor using Angular, React, or Vue.
MANDATORY REQUIREMENTS
When creating a new Ionic project, you MUST include ALL of the following:
Required Pages (ALWAYS CREATE)
- Onboarding page - Swipe-based onboarding with fullscreen background video and gradient overlay
- Paywall page - RevenueCat paywall page (shown after onboarding)
- Settings page - Settings page with language, theme, notifications, and reset onboarding options
Required Navigation (ALWAYS USE)
More from erkamyaman/ionic-capacitor-skills
ionic-deep-links
Handle deep links in an Ionic Capacitor app — custom URL schemes (myapp://), iOS Universal Links, and Android App Links. Trigger when adding password-reset links, share-to-app URLs, OAuth callbacks, magic-link sign-in, or branded https:// links that open the app instead of the browser.
6ionic-native-essentials
Six small Capacitor plugins bundled — Camera, Filesystem, Share, Haptics, Network, Keyboard. Trigger when adding photo upload, file save/read, native share sheet, haptic feedback, network status detection, or keyboard handling to an Ionic Capacitor app.
6ionic-app-icon-splash
Generate every iOS and Android app icon and splash screen size from a single source PNG using @capacitor/assets. Trigger when adding app icons, generating splash screens, replacing the default Capacitor icon, or shipping any Ionic Capacitor app to a store (icons are non-optional).
6ionic-biometric-auth
Add Face ID / Touch ID / fingerprint authentication to an Ionic Capacitor app via @aparajita/capacitor-biometric-auth. Trigger when adding biometric login, app lock, secure reauthentication, or Face ID/Touch ID gating to a sensitive feature.
6ionic-shared
Framework-agnostic Capacitor concerns shared by Ionic Angular, React, and Vue apps — AdMob, RevenueCat, push notifications, @capacitor/preferences storage, theme switching, localization content, and App/Play store submission notes. Referenced by ionic-angular, ionic-react, and ionic-vue.
5ionic-local-notifications
Schedule local (on-device) notifications via @capacitor/local-notifications — reminders, daily prompts, post-action follow-ups. Trigger when adding scheduled reminders, drink-water-style daily nudges, or any notification fired by the app itself rather than a server. Distinct from push notifications.
5