skills.rest
capawesome-team
capawesome-teamOFFICIAL
Explore all skills by this author →
Website𝕏@capawesomeioGitHub

ionic-app-creation

Creates a new Ionic app project with selected framework, starter template, and optional Capacitor integration via Ionic CLI.

37|1|Updated Mar 16, 2026
Search Tags:#cli#scaffold#tailwind-css#framework-selection#ionic#capacitor
One-click install
npx skills add https://github.com/capawesome-team/skills --skill ionic-app-creation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ionic-app-creation
Source: https://github.com/capawesome-team/skills/tree/main/skills/ionic-app-creation
Command: npx skills add https://github.com/capawesome-team/skills --skill ionic-app-creation

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Guides the user through creating a brand-new Ionic app using the Ionic CLI, covering project scaffolding, framework selection (Angular, React, Vue), starter templates (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.

Core Features & Use Cases

  • Step-by-step Ionic app creation: scaffold a new project with user-selected framework, template, and Capacitor integration.
  • Tailwind CSS optional setup: add Tailwind CSS configuration to the chosen framework.
  • Delegation: hand off to capacitor-app-creation for native platform setup and integration.

Quick Start

Run the Ionic CLI to scaffold a new Ionic app with your selected framework, template, and Capacitor integration.

Frequently Asked Questions about ionic-app-creation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a new Ionic app using the CLI?▼

Yes, you can add Tailwind CSS to your Ionic app. The guided setup includes an optional step to configure Tailwind CSS for your selected framework during the initial project scaffolding process.

What frameworks and starter templates are available when scaffolding an Ionic app?▼

When scaffolding an Ionic app, you can select Angular, React, or Vue as your framework. Available starter templates include blank, tabs, and sidemenu layouts to quickly initialize your project structure.

Does Ionic app creation include Capacitor integration for native platforms?▼

Yes, Ionic app creation supports optional Capacitor integration. After scaffolding, the process delegates to the capacitor-app-creation setup to handle native platform configuration and further deployment preparation.

Can I use this guided setup to add Tailwind CSS to my Ionic project?▼

Yes, you can add Tailwind CSS to your Ionic app. The guided setup includes an optional step to configure Tailwind CSS for your selected framework during the initial project scaffolding process.

When should I not use the Ionic CLI scaffolding tool?▼

You should not use this scaffolding tool for existing Ionic projects, migrating Ionic apps, upgrading Capacitor versions, or building with non-Ionic mobile frameworks. It is strictly for creating brand-new projects from scratch.

Related Skills

Explore More Software Engineering Skills→
telum-aitelum-ai
2

project-import

Create a Speck project structure with a skeleton project.md file.

Official
Basic
Cap-goCap-go
58

capacitor-mcp

Automate Capacitor mobile development tasks via MCP for device management, deployment, and testing.

Official
Advanced
rattamnoonrattamnoon

tailwind-css-patterns

Applies Tailwind CSS utility patterns to React, Vue, and Svelte components.

Community
Intermediate
LowyShinLowyShin
33

mobile-app

Guide cross-platform mobile app development with React Native, Flutter, and Expo.

Community
Advanced