Skillget

ionic-capacitor-skills

agent
Security Audit
Warn
Health Warn
  • License — License: MIT
  • Description — Repository has a description
  • Active repo — Last push 0 days ago
  • Low visibility — Only 5 GitHub stars
Code Pass
  • Code scan — Scanned 2 files during light audit, no dangerous patterns found
Permissions Pass
  • Permissions — No dangerous permissions requested
Purpose
This tool provides a collection of AI agent skills designed to scaffold and build production-ready Ionic Capacitor mobile applications. It supports multiple frameworks (Angular, React, Vue) and includes pre-configured features like onboarding screens, paywalls via RevenueCat, and AdMob integration.

Security Assessment
Overall Risk: Low. The automated code scan reviewed two files and found no dangerous patterns, hardcoded secrets, or requests for dangerous permissions. The README indicates it uses standard, well-known third-party services (RevenueCat, AdMob, push notifications). While these services inherently handle sensitive data and make network requests, the tool acts merely as a scaffolding guide. Developers will still need to provide their own API keys and configure permissions within their generated app, meaning no hardcoded secrets or immediate network exploits are introduced by the tool itself.

Quality Assessment
This is a recently maintained project, with its last push occurring just today. It benefits from clear, comprehensive documentation and uses the highly permissive MIT license. However, it suffers from low community visibility, currently sitting at only 5 GitHub stars. Because it is a low-visibility project, it likely has not undergone widespread peer review or extensive community testing.

Verdict
Safe to use, but developers should expect to act as early adopters due to the project's low community visibility.
SUMMARY

Skills for AI coding agents working with Capacitor/Ionic

README.md

Ionic Capacitor Skills

A collection of agent skills for building production-ready Ionic Capacitor mobile applications with Angular, React, or Vue.

Installation

npx skills add erkamyaman/ionic-skills

Available Skills

Skill Description
ionic-capacitor Full app scaffold with onboarding, paywall, ads, i18n, theming, and tabs — supports Angular, React, and Vue

What's Included

ionic-capacitor

A comprehensive skill that guides AI agents to build complete Ionic Capacitor apps with:

Feature Implementation
Framework Ionic 8 + Angular 19 / React 19 / Vue 3.5
Native Runtime Capacitor 7
Onboarding Swipe screens with fullscreen video background + gradient overlay
Paywall RevenueCat with weekly/yearly subscriptions + 50% OFF badge
Ads AdMob banner ads via @capacitor-community/admob
i18n Turkish/English — @ngx-translate (Angular), react-i18next (React), vue-i18n (Vue)
Theming Light/Dark/System with CSS variables
Navigation ion-tabs + framework-specific router
Storage @capacitor/preferences
Notifications @capacitor/push-notifications
Auth Guard Onboarding route guard
State Angular services / React hooks / Vue composables

App Flow

Onboarding (video bg) -> Paywall (subscriptions) -> Main App (tabs)

Required Pages

  • Onboarding - Fullscreen video background, swipe-based slides
  • Paywall - Weekly/yearly subscription options, restore purchases
  • Settings - Language, theme, notifications, remove ads, reset onboarding
  • Home - Main content tab
  • Explore - Discovery tab

Usage

Skills activate automatically when agents detect relevant tasks:

  • "Create a water reminder app" -> Sets up complete Ionic project with all features
  • "Build a React mobile app" -> Sets up Ionic React project with all features
  • "Build a Vue mobile app" -> Sets up Ionic Vue project with all features
  • "Add onboarding to my app" -> Implements video background onboarding flow
  • "Set up in-app purchases" -> Configures RevenueCat with paywall
  • "Add ads to my Ionic app" -> Integrates AdMob with premium detection
  • "Add dark mode" -> Implements theme switching service
  • "Add Turkish language" -> Sets up i18n with TR/EN

Tech Stack

Architecture

The skill uses a shared utilities + framework wrappers pattern:

  • utils/ - Framework-agnostic TypeScript functions for Capacitor plugins (AdMob, RevenueCat, Preferences, etc.)
  • Angular - services/ wrapping utilities with @Injectable
  • React - hooks/ wrapping utilities with useCallback
  • Vue - composables/ wrapping utilities as composable functions

This minimizes duplication and keeps Capacitor logic in one place.

Contributing

Add new skills by creating a folder in skills/ with:

  • SKILL.md - Instructions for agents
  • metadata.json - Skill metadata (version, triggers, references)

License

MIT

Reviews (0)

No results found