← ClaudeAtlas

ionic-app-creationlisted

Guides the agent through creating a new Ionic app using the Ionic CLI. Covers project scaffolding with ionic start, framework selection (Angular, React, Vue), template selection (blank, tabs, sidemenu), Capacitor integration, and optional Tailwind CSS setup. After app creation with Capacitor integration, delegates to the capacitor-app-creation skill for further Capacitor setup. Do not use for existing Ionic projects, migrating Ionic apps, upgrading Capacitor versions, or non-Ionic mobile frameworks.
capawesome-team/skills · ★ 27 · Web & Frontend · score 85
Install: claude install-skill capawesome-team/skills
# Ionic App Creation Create a new Ionic app using the Ionic CLI — project scaffolding, framework integration (Angular, React, Vue), Capacitor integration, and Tailwind CSS setup. ## Prerequisites 1. **Node.js** (latest LTS) installed. 2. **Ionic CLI** installed globally (`npm install -g @ionic/cli`). If not installed, install it as part of the procedure. 3. For **iOS development**: Xcode installed. 4. For **Android development**: Android Studio installed. ## Agent Behavior - **Ask before creating.** Before running `ionic start`, gather all configuration choices from the user. Present available options clearly and wait for confirmation. - **One decision at a time.** When a step requires user input, ask that single question, wait for the answer, then continue. - **Present clear options.** Provide concrete choices (e.g., "Which framework: Angular, React, or Vue?") instead of open-ended questions. - **Guide step-by-step.** Walk the user through the process one step at a time. Never present multiple unrelated questions at once. ## Procedures ### Step 1: Verify the Ionic CLI Check if the Ionic CLI is installed: ```bash ionic --version ``` If the command fails or is not found, install it: ```bash npm install -g @ionic/cli ``` If the user has the legacy `ionic` package installed, uninstall it first: ```bash npm uninstall -g ionic npm install -g @ionic/cli ``` ### Step 2: Gather Project Configuration Before creating the app, ask the user the following questions **one at