AIKraft/AI/Войти
AIKraft/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-compo

expo official Разработка

Что делает навык

Навык описывает стратегию инкрементальной миграции веб-приложения на React в нативное iOS/Android-приложение с помощью Expo. Вместо прямой конвертации код переносится экран за экраном: сначала запускается веб-интерфейс внутри нативной оболочки, затем экраны последовательно заменяются нативными аналогами.

Когда применять

  • Миграция существующего веб-приложения на React в нативное мобильное приложение.
  • Портирование кодовой базы Next.js, Vite или CRA React на React Native.
  • Инкрементальное переиспользование веб-кода в нативном приложении.
  • Понимание соответствия веб-идиом (DOM, CSS, React Router, localStorage, window) их нативным аналогам.

Как работает

  1. 1. Оцените проект: составьте список задач (worklist) для миграции.
  2. 2. Создайте базовую структуру (scaffold) для Expo shell.
  3. 3. Запустите оболочку для DOM-компонентов, используя навык use-dom (SHIP DAY ONE).
  4. 4. Постепенно заменяйте экраны на нативные (strangle screens), начиная с наиболее ценных, используя навык building-native-ui.
  5. 5. Подключите работу с данными, аутентификацию и хранилище, используя навык native-data-fetching.
  6. 6. Выполните публикацию приложения, используя навык expo-deployment.

Примеры запросов агенту

Как превратить мой сайт на React в мобильное приложение?
Мигрируй наше веб-приложение Next.js в нативное iOS/Android приложение через Expo.
Как перенести кодовую базу Vite React на React Native инкрементально?

Описание составлено по SKILL.md навыка, сверено 06.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «web-to-native» из репозитория: # https://github.com/expo/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r web-to-native/ ~/.claude/skills/web-to-native/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.