656 готовых экранов мобильных приложений

Отзыв

Требования

Что нужно вашему проекту, чтобы промпт встал чисто, и как начать с нуля, если у вас ничего нет.

Что нужно вашему проекту

Очень немного, намеренно. Дизайны самодостаточны: каждый несёт свои собственные цвета, отступы и шрифты, а не читает их из темы, поэтому нет никакой дизайн-системы, которую нужно устанавливать заранее.

ТребованиеПочему
Expo SDK 52 или новееВерсии, на которых проверяется каждый дизайн. Более старые SDK могут работать, но не проверяются.
TypeScriptКаждый дизайн поставляется как .tsx. Проекту на JavaScript понадобится вручную убрать типы.
ИИ-агент для кодаClaude Code, Cursor, Windsurf или любой агент, принимающий вставленный промпт.

Если у вас пока нет проекта

Промпт создаст его за вас, но вы можете сделать это заранее сами, если предпочитаете:

npx create-expo-app@latest my-app --template blank-typescript
cd my-app
npx expo start

Что устанавливает промпт

Каждый дизайн объявляет только то, что реально импортирует, и промпт использует npx expo install, а не npm install, чтобы версии соответствовали вашему SDK, а не тянули самое новое. Полный список для любого дизайна есть на его странице в разделе «Что входит».

  • Почти всё использует Reanimated для движения и safe-area-context для безопасных отступов.
  • Иконки берутся из Phosphor, изображения из expo-image.
  • Шрифты берутся из пакетов Expo Google Fonts, загружаемых один раз в корне вашего приложения.
Reanimated требует одну строку настройки
Его плагин Babel должен быть последним в массиве plugins файла babel.config.js. Если после вставки анимации ничего не делают, почти всегда причина в этом. Решение проблем разбирает исправление.