What problem does it solve? Building Ionic apps with Angular requires framework-specific knowledge: standalone vs NgModule architecture, Angular Router integration with Ionic navigation, Ionic page lifecycle hooks, and reactive forms with Ionic input components. This Skill provides structured guidance so the agent detects your project setup and applies the correct patterns automatically. ## Core Features & Use Cases - Architecture Detection: Automatically detects standalone vs NgModule projects by reading main.ts and adapts all code examples and imports accordingly. - Navigation & Lifecycle: Covers Angular Router integration with tabs, side menus, modals, route guards, and Ionic page lifecycle hooks like ionViewWillEnter. - Forms, State & Testing: Implements reactive forms with Ionic inputs, services with HttpClient, signals or BehaviorSubject state, plus unit and E2E testing patterns. - Use Case: You are adding a detail page to an existing Ionic Angular app. The Skill detects your standalone architecture, generates the lazy-loaded route with loadComponent, wires up NavController navigation, and adds the correct lifecycle hook for data refresh. ## Quick Start Ask the agent to add a new lazy-loaded page with a reactive form to your existing Ionic Angular project.
