Skills
.Work. You
Rest

ionic-skills

Community

Ionic Capacitor apps across Angular, React, Vue.

Software Engineering#onboarding#i18n#tabs#paywall#ionic#capacitor#admob
Authorerkamyaman
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ionic-skills
Download link: https://github.com/erkamyaman/ionic-capacitor-skills/archive/main.zip#ionic-skills

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.