AIKraft/AI/Войти
AIKraft/Skills/expo Структура проекта

expo Структура проекта

Framework (OSS). Folder structure for a new Expo app. Use when scaffolding or laying out a new Expo project with Expo Router, or deciding where a file should live in one. For new projects only — never restructure an existing app to match.

expo official Другое

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

Навык определяет стандартную структуру папок для новых приложений Expo с использованием Expo Router, разделяя код маршрутов, UI-компонентов, экранов и серверной логики. Он служит стартовым шаблоном, который следует применять только при создании новых проектов, не требуя реструктуризации существующих приложений. Навык регламентирует размещение файлов, платформенно-специфичный код и конфигурационные файлы.

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

  • Создание новой структуры папок для свежего приложения Expo с нуля.
  • Определение правильного расположения нового файла в проекте Expo Router (маршрут, компонент или экран).
  • Разделение логики: размещение серверных API-маршрутов в app/api/ и вспомогательных функций в src/server/.
  • Организация переиспользуемых UI-компонентов в src/components/ с учетом их сложности.
  • Разделение экранов (screens/) и маршрутов (app/) для сложных интерфейсов, не являющихся переиспользуемыми компонентами.

Как работает

  1. Проверить, является ли проект новым: если у приложения уже есть структура, следовать существующим соглашениям и не менять расположение файлов.
  2. Разместить весь код приложения в папке src/, чтобы отделить его от конфигурационных файлов (app.json, package.json и др.).
  3. В src/app/ размещать только файлы маршрутов Expo Router; каждый файл здесь становится маршрутом.
  4. Для переиспользуемых UI-компонентов использовать папку src/components/ с именами файлов в kebab-case; для сложных компонентов создавать подпапку с index.tsx.
  5. Для больших экранов, не являющихся переиспользуемыми, создавать папки в src/screens/ и рендерить их из файлов маршрутов.
  6. Серверный код и API-маршруты группировать в app/api/ (с суффиксом +api), а общие серверные хелперы помещать в src/server/.

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

Создай новый проект Expo с правильной структурой папок согласно best practices.
Где мне разместить новый файл с компонентом кнопки, который будет использоваться во всем приложении?
Как правильно организовать структуру для серверного API-маршрута и связанных с ним хелперов?

Что понадобится

  • Установленный Expo CLI и настроенный Expo Router.
  • Конфигурация tsconfig.json с алиасом @/*, указывающим на ./src/*.

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

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

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

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