Отбор на курс Т-Образования по ML Product Management в начале 2026 года предполагал не только описание опыта, но и решение продуктовых кейсов. Один из них — найти три проблемы в интерфейсе мобильного приложения Т-Банка и предложить решение. За прототип решения обещали бонусный балл. Именно это условие стало точкой входа в практику ИИ-инструментов для автора материала — продакт-менеджера с опытом в банковской рознице.
Задача выглядела конкретно: переработать экран «Чаты» в приложении Т-Банка. Убрать горизонтальный блок быстрых иконок (Поддержка, Консьерж, Юрист и другие), на освободившемся месте разместить поле поиска с живой фильтрацией, заменить список чатов на семь новых позиций, убрать иконку карандаша из шапки и исправить подпись вкладки с «Чат» на «Чаты». Обычный сценарий — поставить задачу дизайнеру. Но в данном случае автор решил обойтись без него.
| Элемент дизайн-системы | Значение |
|---|---|
| Основной фон | #1A1A1A |
| Акцентный цвет | #FFDD2D (жёлтый) |
| Вторичный текст | #8A8A8A |
| Высота строки чата | 72px |
| Размер аватара | 48×48px |
| Высота поля поиска | 40px |
| Размер экрана (симуляция iPhone) | 375×812px |
Схема работы оказалась двухшаговой. Сначала — Perplexity для генерации мета-промта. В запрос вошли параметры дизайн-системы Т-Банка: hex-коды цветов (#1A1A1A для фона, #FFDD2D для акцента, #8A8A8A для вторичного текста), размеры элементов (строка чата — 72px, аватар — 48px, поле поиска — 40px), типографика на базе SF Pro. Дополнительно автор приложил скриншот конкурирующего приложения как визуальный референс. Perplexity сформировал подробный мета-промт с пошаговым описанием всех пяти изменений, размеченных маркерами ❌/✅.
Для генерации промта автор использовал Perplexity, передав туда параметры дизайн-системы Т-Банка и скриншот конкурента как референс.
Затем этот промт ушёл в Cursor. Инструмент получил задание создать один рабочий HTML-файл — интерактивный макет экрана размером 375×812px (симуляция iPhone), с тапабельными кнопками, hover-состояниями и точным соблюдением цветовой схемы. На выходе — готовый файл, который можно открыть в браузере и показать команде.
Автор оговаривается: Cursor изначально создавался как IDE-инструмент для разработчиков, а не как среда прототипирования интерфейсов. Для задач такого рода лучше подходят специализированные сервисы — Lovable или Bolt, заточенные под быструю генерацию UI. Cursor справился, но потребовал более детального и структурированного промта.
Практический смысл подхода выходит за рамки конкурсного кейса. Продакт-менеджер, который умеет сформулировать задачу достаточно точно — с цветами, размерами, логикой взаимодействия, — может получить работающий прототип за время, сопоставимое с постановкой задачи дизайнеру. Это не замена дизайнера на этапе финальной отрисовки, но рабочий способ быстро визуализировать идею для обсуждения внутри команды или для демонстрации стейкхолдерам. Ключевое условие — качество промта: чем точнее описаны требования, тем меньше итераций потребует генерация.
