An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
Install
$
npx skills add zaferayan/skillsClaude Code
claude mcp add skills -- npx skills add zaferayan/skillsCursor / Claude Desktop (mcp.json)
{
"mcpServers": {
"skills": {
"command": "npx",
"args": [
"skills",
"add",
"zaferayan/skills"
]
}
}
}Install command taken from the project's README or registry entry. Always review code before running it.
README excerpt
Read full README on GitHub →Expo Mobile App Skill
A Claude Code skill for building production-ready Expo React Native mobile applications.
Features
- StoreKit 2 (expo-iap) - Weekly/yearly subscriptions + lifetime purchase, trial eligibility, Ask to Buy
- RevenueCat (observer mode) - Purchase records and Apple Ads attribution
- AdMob - Banner ads with UMP (GDPR) consent, ATT and premium user detection
- PostHog - Typed analytics events, screen tracking, error tracking, feature flags
- i18n - Multi-language support with RTL (Turkish/English/Arabic)
- Onboarding - Fullscreen video background, permission screens, then paywall
- Paywall - Store prices, yearly default, App Store 3.1.2 compliant
- Ratings - Native review prompt at value moments
- Background tasks, widgets & Live Activities (optional)
- NativeTabs - Native tab navigation
- Theme - Light/Dark/System mode support
Installation
npx skills add zaferayan/skills
What it does
When you ask Claude Code to create an Expo app, this skill ensures:
- Required Screens: Onboarding, Paywall, Settings
- Proper Flow: Onboarding → Paywall → Main App
- Monetization: StoreKit 2 (expo-iap) + RevenueCat observer + AdMob with consent
- Best Practices: No AsyncStorage, no lineHeight, NativeTabs only
Usage
After installing, simply ask Claude Code:
/zafer-skills Create a water reminder app
Claude will automatically:
- Set up the project structure
- Configure StoreKit purchases, RevenueCat observer mode, AdMob consent and PostHog
- Create onboarding with video background
- Build paywall with subscription options
- Add settings with language, theme, and reset options
Tech Stack
- Expo SDK 57 / React Native 0.86
- Expo Router (file-based routing)
- NativeTabs navigation
- expo-iap (StoreKit 2 / Play Billing)
- RevenueCat (react-native-purchases, observer mode)
- AdMob (react-native-google-mobile-ads) + expo-tracking-transparency
- PostHog (posthog-react-native)
- expo-store-review
- i18next + react-i18next
- expo-video
- expo-sqlite (localStorage polyfill)
License
MIT
Similar plugs
The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create prototypes, websites, apps, dashboards, presentations, images, and videos with your team…
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.
Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, and Pi. 44 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.
Clone any website with one command using AI coding agents