skills.rest
involvex
involvexCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ionic-app-creation

Scaffolds new Ionic apps with framework selection, Capacitor integration, and Tailwind CSS setup.

1|Updated Aug 25, 2026
Search Tags:#cross-platform#tailwind css#mobile development#ionic#capacitor#app scaffolding#ionic cli
One-click install
npx skills add https://github.com/involvex/ionic-everywhere --skill ionic-app-creation-involvex
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ionic-app-creation
Source: https://github.com/involvex/ionic-everywhere/tree/main/.agents/skills/ionic-app-creation
Command: npx skills add https://github.com/involvex/ionic-everywhere --skill ionic-app-creation-involvex

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @ionic/cli, tailwindcss, @tailwindcss/vite, @tailwindcss/postcss, and includes references (resource) components.

What problem does it solve? Creating a new Ionic app involves many decisions—framework, starter template, Capacitor integration, package ID, and optional styling setup. This Skill guides an agent through the entire ionic start workflow step by step, ensuring nothing is missed and the project is verified before moving on. ## Core Features & Use Cases - Guided Project Scaffolding: Walks through project name, framework (Angular, React, Vue), starter template (blank, tabs, sidemenu), and package ID one question at a time before running ionic start. - Capacitor Integration: Adds Capacitor during creation and hands off to the capacitor-app-creation skill for native platform setup, live updates, and CI/CD. - Tailwind CSS Setup: Applies framework-specific Tailwind CSS v4 configuration for Vite-based (React, Vue) or Angular CLI projects. - Use Case: A developer wants a new cross-platform mobile app. The agent asks which framework and template to use, runs ionic start my-app blank --type=react --capacitor --package-id=com.example.myapp, verifies the dev server starts, and optionally configures Tailwind CSS. ## Quick Start Ask the agent to create a new Ionic app and it will guide you through choosing a framework, template, and Capacitor options before scaffolding the project.

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 with the Ionic CLI?▼

Run ionic start with a project name, template, and framework type, for example: ionic start my-app blank --type=react --capacitor. The CLI scaffolds the project, installs dependencies, and optionally integrates Capacitor for native builds.

Which framework should I choose for an Ionic app: Angular, React, or Vue?▼

Ionic supports Angular (NgModules or standalone components), React, and Vue via the --type flag. Angular is the default; choose React or Vue if your team already works in those ecosystems, as all three share the same Ionic UI components.

How do I add Tailwind CSS to an Ionic React or Vue project?▼

Install tailwindcss and @tailwindcss/vite, add the tailwindcss() plugin to vite.config.ts, and import tailwindcss at the top of your main CSS file. Angular projects use @tailwindcss/postcss with a postcss.config.mjs file instead.

Does ionic start include Capacitor integration automatically?▼

Capacitor is included only when you pass the --capacitor flag to ionic start. This installs @capacitor/core and @capacitor/cli and creates capacitor.config.ts; you can also set the bundle ID with --package-id.

Why does ionic start fail with a directory already exists error?▼

The error occurs when a folder with the chosen project name already exists in the working directory. Either pick a different project name or delete the existing directory before rerunning ionic start.

When should I not use this Ionic app creation workflow?▼

Do not use it for existing Ionic projects, migrating apps between versions, or upgrading Capacitor. It is designed only for scaffolding brand-new Ionic applications from starter templates.

Related Skills

Explore More Software Engineering Skills→
SoltusSoltus
1

capacitor-plugins

Install and configure Capacitor plugins for Android and iOS apps.

Community
Intermediate
capawesome-teamcapawesome-team
37

capawesome-cloud

Configure Capawesome Cloud workflows for Capacitor apps with CI/CD integration.

Official
Advanced
capawesome-teamcapawesome-team
37

ionic-expert

Guide AI agents through Ionic concepts, CLI usage, and cross-framework patterns.

Official
Advanced
aiguy611aiguy611

ionic-app-builder

Scaffold cross-platform mobile apps with Ionic, Capacitor, and Angular, React, or Vue.

Community
Intermediate