Прототип мобильного приложения для медитаций, созданный в рамках технического задания. Основной фокус - быстрая сборка интерфейса с помощью ИИ-инструментов, логика подписок и UX мобильного приложения.
- Paywall: Экран подписки с выбором тарифов (месячный/годовой). Реализована логика активации Premium-статуса при нажатии на кнопку «Попробовать бесплатно».
- Экран медитаций: Список сессий. Контент динамически блокируется, если у пользователя нет активной подписки.
- AI Настрой дня: Интерактивная фича выбора настроения через эмодзи. Генерирует уникальную аффирмацию для пользователя.
- Framework: Flutter.
- State Management: BLoC.
- Инструментарий: Разработка велась в Cursor AI с использованием Prompt Engineering для верстки сложных элементов.
- UI: Custom Painter для градиентного свечения, Glassmorphism эффекты,
SafeAreaдля поддержки устройств с «челками».
Вопрос: С какими специфическими проблемами мобильной верстки ИИ справляется хуже всего и как ты контролировал его работу?
Ответ: Хуже всего ИИ справляется с динамическими размерами контента внутри ScrollView и SafeArea. Часто ИИ забывает про нижний отступ на безрамочных смартфонах или фиксирует высоту элементов, что ломает верстку на маленьких экранах.
Чтобы это контролировать, я:
- Использовал строгие инструкции в промптах: «используй только пропорциональные размеры (Flex/Expanded) вместо жестко заданных высот».
- Внедрял
LayoutBuilderдля адаптивности под разные разрешения. - Вручную корректировал
paddingв критических узлах, где ИИ пытался наложить элементы друг на друга при нехватке места.