ionic-app-creation

Solid

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.

Web & Frontend 23 stars 1 forks Updated 3 weeks ago MIT

Install

View on GitHub

Quality Score: 82/100

Stars 20%
46
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# 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...

Details

Author
capawesome-team
Repository
capawesome-team/skills
Created
2 months ago
Last Updated
3 weeks ago
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

ai-app

Full-stack AI application generator with Next.js, AI SDK, and ai-elements. Use when creating chatbots, agent dashboards, or custom AI applications. Triggers: chatbot, chat app, agent dashboard, AI application, Next.js AI, useChat, streamText, ai-elements, build AI app, create chatbot

37 Updated 3 days ago
laguagu
AI & Automation Featured

vibe-agents

Generate AGENTS.md and AI configuration files for your project. Use when the user wants to create agent instructions, set up AI configs, or says "create AGENTS.md", "configure my AI assistant", or "generate agent files".

2,181 Updated 1 months ago
KhazP
Web & Frontend Solid

asc-app-create-ui

Create a new App Store Connect app record via browser automation. Use when there is no public API for app creation and you need an agent to drive the New App form.

816 Updated 3 weeks ago
rudrankriyam
AI & Automation Featured

mcp-apps-builder

**MANDATORY for ALL MCP server work** - mcp-use framework best practices and patterns. **READ THIS FIRST** before any MCP server work, including: - Creating new MCP servers - Modifying existing MCP servers (adding/updating tools, resources, prompts, widgets) - Debugging MCP server issues or errors - Reviewing MCP server code for quality, security, or performance - Answering questions about MCP development or mcp-use patterns - Making ANY changes to server.tool(), server.resource(), server.prompt(), or widgets This skill contains critical architecture decisions, security patterns, and common pitfalls. Always consult the relevant reference files BEFORE implementing MCP features.

9,994 Updated today
mcp-use
Web & Frontend Solid

angular-spa

Angular 21.x SPA development skill with TailwindCSS 4.x and daisyUI 5.5.5. Use when building Angular standalone components, services, lazy-loaded routes, unit tests, or creating UI with TailwindCSS + daisyUI. Covers component scaffolding, UI/UX design, accessibility audits, and design systems.

31 Updated today
kumaran-is