Перейти к основному содержимому

Советы по запросам

Чем лучше вы опишете приложение, тем лучше AppX его соберёт. ИИ силён, но он не умеет читать мысли — расплывчатый запрос даёт общее приложение, а понятный — нечто близкое к тому, что вы представляли. Эти шаблоны помогут добраться туда быстрее.

Для первичной генерации​

1. Описывайте экраны, а не только концепцию​

Не говорите лишь о том, что это за приложение — опишите конкретные экраны, которые хотите.

❌ "A workout tracking app"

✅ "A workout tracking app with 4 screens:
1. Home: shows today's scheduled workout and a streak counter
2. Workout: active workout view with exercise list, reps/sets input, and a timer
3. History: calendar view with completed workout days highlighted
4. Exercises: searchable library of exercises with muscle group filter"

2. Описывайте ключевые элементы каждого экрана​

Для каждого экрана упоминайте:

  • Каково основное содержимое
  • Ключевые интерактивные элементы (кнопки, поля ввода, переключатели)
  • Любые данные, которые нужно показать
✅ "Profile screen: shows user avatar, name, and bio at the top. Below that, a grid of 3 stat cards (posts, followers, following). Then a 2-column grid of the user's photos. Tapping a photo opens it full screen."

3. Укажите стиль дизайна​

AppX выберет разумный дефолт, но вы получите ближе к задуманному, если укажете:

✅ "Clean minimal design. White background. Use #3b82f6 (blue) as the accent color.
    Rounded corners (12px radius). Subtle shadows on cards."

4. Упомяните сохранение данных​

Если хотите, чтобы данные сохранялись после перезапуска приложения, просто скажите об этом обычными словами — AppX подключит хранилище на устройстве за вас:

✅ "Save the task list on the device so it persists when the app is closed and reopened."

5. Укажите тип навигации​

✅ "Use bottom tabs for main navigation (Home, Search, Profile, Settings).
    Push stack screens for detail views."

Для правок через чат​

6. Сначала выберите правильный экран​

Всегда используйте выбор экрана, чтобы указать редактируемый экран. Это делает ИИ точнее.

7. Конкретно описывайте, что изменить​

Ссылайтесь на то, что видите на экране:

❌ "Change the button"
✅ "Change the 'Save Changes' button at the bottom from blue to green (#22c55e)"

8. Описывайте желаемый визуальный результат​

❌ "Add padding to the list items"
✅ "Each list item should have 16px vertical padding and 20px horizontal padding,
    with a thin gray border (#e5e7eb) at the bottom"

9. Для сложных изменений — разбивайте на части​

First message: "Add a search bar at the top of the screen"
Second message: "Now filter the list as the user types in the search bar"
Third message: "Show 'No results' text when the search returns nothing"

Это надёжнее, чем просить все три сразу.

10. Описывайте баги через то, что наблюдаете​

✅ "When I scroll to the bottom of the list, the last item is hidden behind the tab bar.
    It needs more bottom padding."

✅ "The modal closes immediately after opening on Android. It works fine on iOS."

Шаблоны, которые работают хорошо​

Категории приложений, с которыми AppX отлично справляется​

  • Социальные приложения — ленты, профили, публикации, комментарии
  • Приложения для продуктивности — задачи, заметки, привычки, календари
  • Финансовые приложения — бюджеты, расходы, транзакции, графики
  • Здоровье и фитнес — тренировки, питание, отслеживание
  • Электронная коммерция — каталог товаров, корзина, оформление заказа
  • Еда и рецепты — просмотр, сохранение, таймеры приготовления
  • Путешествия — маршруты, карты, бронирование
  • Образование — курсы, уроки, тесты

Хорошая структура запроса​

Build a [type of app] for [who it's for] that lets users [main action].

Screens:
1. [Screen name]: [description of content and interactions]
2. [Screen name]: [description of content and interactions]
...

Design: [style description — minimal/bold/playful, color scheme]
Data: [what should be saved and how it's structured]
Navigation: [tabs/stack/drawer]
Стройте по проходам

Генерация 10 экранов одним запросом работает, но делать это в 2–3 сфокусированных прохода надёжнее — начните с основных экранов, посмотрите предпросмотр на телефоне, затем через чат добавьте остальные. Каждый проход дешевле довести до ума.

Типичные ошибки​

Запрос неподдерживаемых технологий​

AppX генерирует React Native с StyleSheet.create. Следующее не будет работать хорошо:

  • NativeWind / Tailwind CSS
  • react-native-paper
  • Анимации reanimated (базовый Animated.Value работает, Reanimated — нет)
  • @expo/vector-icons (используйте lucide-react-native)

Слишком расплывчатое описание функций​

«Сделай социальным» не говорит ИИ, какие экраны строить. «Добавь экран ленты с карточками публикаций, кнопками лайка и счётчиком комментариев» — говорит.

Просить всё сразу​

Генерация 10 экранов одним запросом возможна, но рискованнее, чем делать это в 2–3 прохода. Большие генерации имеют больше поверхности для проблем.

Забывать о навигации​

Если добавляете новый экран, но не говорите, как на него попасть, ИИ может не добавить путь навигации. Всегда указывайте: «Добавь кнопку на главном экране для перехода на новый экран настроек».

Чрезмерно конкретные цвета в HEX​

Хорошо использовать HEX для брендовых цветов, но для общего UI («тёмный текст», «серая граница») естественный язык чище и удобнее в поддержке.

Примеры запросов​

Трекер финансов​

Build a personal finance tracker with:
- Dashboard screen: monthly budget circle chart, recent transactions list, quick-add button
- Add Transaction screen: amount input (number pad), category picker (icons grid:
  Food, Transport, Entertainment, Health, Shopping, Other), optional note, date picker
- Transactions screen: full list grouped by date, search bar, filter by category
- Budget screen: set monthly limits per category, progress bars showing spent vs limit

Clean minimal design, white backgrounds, green (#22c55e) for income, red (#ef4444) for expenses.
Store all data in AsyncStorage.

Трекер привычек​

A daily habit tracker app.

Screens:
1. Today screen: list of today's habits with large checkboxes. Current streak shown
   on each habit. "Add Habit" button top right.
2. Add Habit screen: name input, emoji picker for icon, frequency (daily/weekdays/custom days),
   reminder time toggle with time picker.
3. Stats screen: shows 7-day and 30-day completion rates per habit, with a heatmap grid.

Use a dark theme (#111827 background, white text, purple (#8b5cf6) accent).
Haptic feedback when checking off a habit.

Приложение меню ресторана​

A menu app for a restaurant. Staff-facing.

3 screens:
1. Menu screen: tabs for categories (Starters, Mains, Desserts, Drinks).
   Each item shows name, price, and a toggle for "available today".
2. Add/Edit Item screen: form with name, description, price, category, photo URL, available toggle.
3. Orders screen: incoming orders shown as cards with items, table number, timestamp.
   "Mark Ready" and "Mark Complete" buttons on each card.

Design: clean restaurant aesthetic, warm off-white (#faf9f7), dark brown (#2d1b0e) text.
Как работает ИИ

Конвейер план → генерация → проверка.

Редактирование через чат

Дорабатывайте приложение по одному сообщению за раз.

Кредиты

Сколько стоят сборка и правка.