ionic-expert
Installation
SKILL.md
Ionic Expert
Comprehensive reference for Ionic Framework development — core concepts, components, theming, lifecycle, navigation, framework-specific patterns (Angular, React, Vue), upgrading, and Capawesome Cloud integration.
Core Concepts
Ionic Framework is a UI toolkit for building cross-platform apps with web technologies. It provides 80+ pre-built UI components as Web Components prefixed with ion- (e.g., <ion-button>, <ion-content>).
- Platform modes: Components adapt styling to the platform. iOS devices use
iosmode; Android and all other platforms usemd(Material Design). The<html>element receives a class (iosormd). - Capacitor integration: Ionic handles the UI; Capacitor handles native device APIs. See the
capacitor-app-developmentskill for Capacitor guidance. - Framework support: Ionic integrates with Angular (
@ionic/angular), React (@ionic/react), and Vue (@ionic/vue).
Creating a New App
npm install -g @ionic/cli
ionic start <name> <template> --type=<framework> --capacitor --package-id=<id>