Кликабельный прототип приложения с помощью ИИ в Cursor [Systems.Education] [Ксения Теселкина]
Цель обучения
Создать кликабельный прототип приложения за 4 часа
Уровень Middle/Senior
Воркшоп — формат быстрого освоения мини-компетенций.
Используем
Модуль 1. Погружение и навигация приложения
Цель обучения
Создать кликабельный прототип приложения за 4 часа
Уровень Middle/Senior
- Для системных аналитиков, которые хотят быстро согласовать требования с заказчиками на понятных макетах
- Для системных аналитиков, которые хотят дать разработчикам структурную основу
- Для бизнес-аналитиков, которые хотят протестировать пользовательские флоу до дизайна
- Для дизайнеров, которые хотят быстро собрать понятный концепт без лишней «красоты», но со структурой и логикой переходов
Воркшоп — формат быстрого освоения мини-компетенций.
Используем
- Zoom
- Cursor (desktop) для генерации юзкейсов и HTML/CSS
- Miro (командная доска с кейсами)
- Построите диаграмму навигации простого продукта за 40 минут
- Создадите юскейсы в LLM и сгенерируете под них HTML-прототипы в Cursor
- Синхронизируете визуальные и текстовые требования с помощью LLM.
- Подготовите кликабельный прототип приложения для заказчика/разработки с переходами и мок-данными.
Модуль 1. Погружение и навигация приложения
- Введение: цели воркшопа, знакомство и распределение по командам
- Навигация как основа пользовательского опыта
- Типы экранов и сценарии переходов
- Глубина и логика пользовательских путей
- Построение навигационной схемы приложения
- Обратная связь и анализ решений команд
- Хорошие и плохие UX-паттерны в реальных примерах
- Выбор ключевых сценариев использования (use cases)
- Определение структуры страниц и элементов взаимодействия
- Разработка логики пользовательских флоу
- Создание прототипов с помощью Cursor и промптов для ИИ
- Формирование структуры HTML-страниц по навигации
- Добавление базового CSS для визуальной читаемости
- Ревью и улучшение структуры интерфейсов
- Презентация готовых прототипов, фиксация инсайтов и рекомендаций по применению подхода в реальных проектах
https://systems.education/cpai-workshop