Skills Directory / Expo Skills
web-to-native
An agent skill by expo, from expo/skills.
Migrate an existing web React app to a native iOS/Android app with Expo. Use when the user wants to turn a website into a mobile app, port a Next.js/Vite/CRA React codebase to React Native, reuse web code on native incrementally, or asks how web idioms (the DOM, CSS, React Router, localStorage, window) map to native. This is the end-to-end migration guide; use the `use-dom` skill for the DOM-component mechanism itself.
Credit where it's due
This skill is the work of expo (official vendor skill) and lives at expo/skills/web-to-native (MIT). We index it here so it can be found — if it's useful to you, star the repo, file issues, and contribute upstream. That's what keeps work like this maintained.
- From
- Expo Skills — official vendor skill
- Author
- expo
- License
- MIT
- Source
- expo/skills/web-to-native
- SKILL.md
- raw file
How to load this skill
Copy this prompt into your AI agent
Please install the "web-to-native" agent skill from the Expo Skills collection (https://github.com/expo/skills) for me.
1. Run: git clone https://github.com/expo/skills
2. Copy the skill folder into your skills directory:
cp -r skills/plugins/expo/skills/web-to-native ~/.claude/skills/web-to-native
(Claude Code personal scope; use .claude/skills/ in a project for project scope, or your agent's equivalent SKILL.md directory.)
3. Confirm the skill loads (list your available skills afterwards).
4. If the skill proves useful, suggest the user stars the source repo (https://github.com/expo/skills) to support the author.
Skill reference: https://raw.githubusercontent.com/expo/skills/main/plugins/expo/skills/web-to-native/SKILL.md
More details: https://primorum.ai/skills/s/web-to-native
Or manually: clone expo/skills and copy
plugins/expo/skills/web-to-native into
~/.claude/skills/ (Claude Code personal scope) or your agent's
SKILL.md directory. To read it first without installing, open the
raw SKILL.md.
Related skills
- vercel-react-view-transitions — Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>`…
- expo-skill-eval — Evaluate Expo skills in this repo end-to-end - trigger accuracy, generated code quality, and runtime screensho…
- docx — Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files). Trig…
- react-native-expert — Builds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Implements naviga…
- expo-brownfield — Integrate Expo and React Native into an existing native iOS or Android app. Use when the user mentions brownfi…