expo-examples

Adapt or scaffold Expo's official with-* integration examples into React Native apps.

Updated Sep 11, 2026
One-click install
npx skills add https://github.com/CYRUS-pinto/pi-bot --skill expo-examples-cyrus-pinto
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: expo-examples
Source: https://github.com/CYRUS-pinto/pi-bot/tree/main/.agents/skills/expo-examples
Command: npx skills add https://github.com/CYRUS-pinto/pi-bot --skill expo-examples-cyrus-pinto

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Integrating a third-party library or service into an Expo app often means guessing at the right dependency versions, config plugins, and wiring. This Skill gives you direct access to Expo's official examples repo (~70 with-* integration projects) so you can copy the canonical, version-matched pattern instead of hand-rolling it. ## Core Features & Use Cases - Pattern adaptation: Find the matching example (e.g. payments → with-stripe, auth → with-clerk), read its key files via the GitHub API, and port only the dependencies, config plugins, and integration code your app is missing. - Project scaffolding: Start a greenfield project directly from any example with npx create-expo --example <name>. - Alias and deprecation checks: Consult the repo's meta.json and the categorized catalog reference to avoid recommending renamed or dead examples. - Use Case: You need to add Stripe payments to an existing Expo app. The Skill pulls the with-stripe example, identifies its server routes, client provider, config plugins, and env vars, then merges them non-destructively into your project using npx expo install for SDK-correct versions. ## Quick Start Ask the assistant to show how Expo integrates Stripe and apply that pattern to your current Expo project.

Frequently Asked Questions about expo-examples

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

FAQPage Schema
How do I integrate a third-party library into an Expo app?

Find the matching with-* example in the expo/examples repo, read its package.json, app.json, and integration code, then port only the missing pieces into your app. Use npx expo install to add dependencies so versions match your SDK instead of copying pinned versions.

How do I create a new Expo project from an example?

Run npx create-expo --example <name>, for example npx create-expo --example with-stripe. The short form is npx create-expo -e with-stripe, and bun users can run bun create expo --example with-stripe.

What Expo examples exist for authentication and payments?

Authentication examples include with-clerk, with-auth0, with-better-auth, with-magic, and with-firebase-saml-login. For payments, with-stripe covers Stripe on native and web, including full-stack API routes.

Can I copy an Expo example's package.json versions directly?

No. Examples track the latest SDK, so their pinned versions may not match your project. Add only the missing dependencies with npx expo install <pkg>, which resolves SDK-correct versions automatically.

Why is an Expo example missing from the repository?

Deprecated examples are removed from the repo tree but still listed in meta.json with a message pointing to the modern replacement. Renamed examples appear in the aliases map with their destination, so check meta.json before recommending one.