ionic-angular

SKILL.md

Ionic Angular

Ionic development with Angular — project structure, Angular-specific components, navigation, lazy loading, forms, and lifecycle integration.

Prerequisites

Ionic Framework 7 or 8 with @ionic/angular.

Angular 16+ (Angular 17+ recommended for standalone architecture).

Node.js and npm installed.

Ionic CLI installed (npm install -g @ionic/cli).

Agent Behavior

Auto-detect architecture. Check src/main.ts for bootstrapApplication (standalone) vs. platformBrowserDynamic().bootstrapModule (NgModule). Adapt all code examples to the detected architecture.

Guide step-by-step. Walk the user through one topic at a time.

Adapt imports. For standalone components, import each Ionic component from @ionic/angular/standalone. For NgModule components, import IonicModule in the page module.

Procedures