360-panorama-viewer
Build a fully self-contained 360° equirectangular panorama viewer as a single HTML file. The viewer uses Three.js to render…
End-to-end mobile app development and publishing using Expo + EAS. Covers project scaffolding, asset preparation, peer-dep / lock-file troubleshooting (development.md), web preview with phone frame and Expo Go QR code (preview.md), AND automated build + submit to TestFlight /
$ npx -y skills add happycapy-ai/happycapy-skills --skill mobile-app-developer --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/mobile-app-developerContext preview
The summary Claude sees to decide when to auto-load this skill.
End-to-end mobile app development and publishing using Expo + EAS. Covers project scaffolding, asset preparation, peer-dep / lock-file troubleshooting (development.md), web preview with phone frame and Expo Go QR code (preview.md), AND automated build + submit to TestFlight /
name: mobile-app-developer description: End-to-end mobile app development and publishing using Expo + EAS. Covers project scaffolding, asset preparation, peer-dep / lock-file troubleshooting (development.md), web preview with phone frame and Expo Go QR code (preview.md), AND automated build + submit to TestFlight / App Store (publishing.md), with full automation via Apple ASC API Key (no Mac, no Xcode, no 2FA required). Use when the user wants to build, test, preview, publish, or automate the release pipeline of a React Native / Expo iOS or Android app.
End-to-end playbook for shipping an Expo / React Native app — from scaffolding to TestFlight / Play Store — fully automated from a Linux sandbox.
Trigger this skill when the user wants to:
Do NOT trigger for: pure native iOS/Android (no Expo), Flutter, Cordova/Capacitor, KMP/Compose Multiplatform.
This skill is split into focused documents. Read the relevant one(s) on demand — do NOT preload all.
| File | Read when… | |---|---| | **`development.md`** | Setting up project, installing deps, configuring `app.json`, preparing icons/splash, running on simulator/device, fixing peer-dep / lock-file errors, managing env vars / secrets | | **`publishing.md`** | Configuring `eas.json` submit profile, ASC API Key / Play Service Account, running build + submit, diagnosing submit failures, App Store / Play Store metadata checklists | | **`preview.md`** | Generating a web preview page with phone frame + Expo Go QR code. Uses Expo Web (react-native-web) static export for browser preview and Expo dev server for real-device QR scanning |
If the user's task spans multiple (e.g. "build a new Expo app and ship it to TestFlight"), read `development.md` first, then `publishing.md`.
| Layer | Choice | |---|---| | Framework | Expo (latest stable — check `https://docs.expo.dev/versions/latest/` before scaffolding) | | Build / Distribution | EAS Build + EAS Submit (Expo cloud) | | Auth (Apple) | App Store Connect API Key (`.p8`) — bypasses 2FA | | Auth (Google) | Play Console Service Account JSON | | Auth (Expo) | Personal Access Token via `EXPO_TOKEN` |
Before starting **any** build or publish work, confirm with the user:
If anything is missing, **ask the user** before proceeding. Do not guess.
The sandbox/CI must have:
node --version # >= 18 npm --version # >= 9 convert -version # ImageMagick — for icon/splash conversion expect -v # for first-time non-interactive credential setup curl --version # for fetching build logs
Quick check:
for cmd in node npm convert expect curl; do command -v $cmd >/dev/null 2>&1 && echo "[OK] $cmd" || echo "[MISSING] $cmd" done
If anything is missing, install before continuing (`apt-get install imagemagick expect`).
| Phase | AI/API key location | Why | |---|---|---| | Internal testing (TestFlight / Play Internal) | OK to call AI Gateway directly from client | Speed of iteration; risk is bounded by closed tester pool | | Public release | **MUST** proxy through your own backend | Embedded keys can be extracted from any IPA/AAB |
A curated collection of high-quality Claude Code skills to enhance your development workflow
Build a fully self-contained 360° equirectangular panorama viewer as a single HTML file. The viewer uses Three.js to render…
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers…
Reusable fixed-style PPTX generation skill for the Acid Labels visual brand — bold acid-green (#A9FF7A) operating-guide aesthetic…
Generate AI images with FLUX, Gemini, Grok, Seedream, Reve and 50+ models via inference.sh CLI. Models: FLUX Dev LoRA, FLUX.2…
Generate AI videos with Google Veo, Seedance, Wan, Grok and 40+ models via inference.sh CLI. Models: Veo 3.1, Veo 3, Seedance 1.5…
Reusable fixed-style PPTX generation skill for the Apricot Ritual Index visual brand — warm apricot background (#FDDEB6),…