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)