ionic-skills

A valid but empty response.

14|3|Updated Feb 8, 2026
One-click install
npx skills add https://github.com/erkamyaman/ionic-capacitor-skills --skill ionic-skills
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ionic-skills
Source: https://github.com/erkamyaman/ionic-capacitor-skills/tree/main/skills/ionic-capacitor
Command: npx skills add https://github.com/erkamyaman/ionic-capacitor-skills --skill ionic-skills

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a complete blueprint for building production-ready Ionic Capacitor mobile apps that run across Angular, React, or Vue, consolidating core app architecture, onboarding, monetization, and localization into a repeatable pattern.

Core Features & Use Cases

  • Onboarding: fullscreen background video with gradient overlay, swipe navigation, and guard logic.
  • Paywall: RevenueCat-powered subscriptions integrated with platforms across frameworks.
  • i18n & Theming: Turkish/English localization and Light/Dark/System theming with CSS variables.
  • Tab Navigation: ion-tabs based navigation with framework-specific routing.
  • Shared Utilities: framework-agnostic storage, purchases, notifications, and onboarding state.

Quick Start

Create a new Ionic Capacitor project with your preferred framework, install the required libraries, enable onboarding, paywall, and tab navigation, and wire up i18n and theming according to this guide.

Frequently Asked Questions about ionic-skills

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

FAQPage Schema
How do I build Ionic Capacitor apps with Angular, React, or Vue?

You can build production-ready Ionic Capacitor apps across Angular, React, or Vue by following this Skill's blueprint, which covers onboarding, RevenueCat paywalls, AdMob ads, i18n localization, and tab-based navigation.

How do I implement a fullscreen video onboarding screen in Ionic?

To implement fullscreen video onboarding in Ionic, this Skill guides you through setting up a background video with a gradient overlay, swipe navigation, and guard logic to manage the onboarding state.

Does this Ionic Capacitor guide support RevenueCat paywalls and AdMob ads?

Yes, this Skill supports RevenueCat-powered subscription paywalls and AdMob ads across Angular, React, and Vue, using Capacitor plugins and framework-specific libraries for monetization.

What is the best way to add i18n localization and theming to a Capacitor app?

The best way to add i18n localization and theming to a Capacitor app here is by using the provided Turkish/English localization setup and Light/Dark/System theming controlled via CSS variables.

Can I use framework-agnostic utilities for push notifications and tab navigation in Ionic?

Yes, you can use the provided framework-agnostic utilities for storage, purchases, notifications, and onboarding state, alongside ion-tabs based navigation with framework-specific routing.

What do I need to set up before starting with this Ionic Capacitor blueprint?

Before starting, you need to create a new Ionic Capacitor project with your preferred framework and install the required libraries to wire up onboarding, paywall, tab navigation, i18n, and theming.