Главная/WordPress Fullstack/Блупринты/ИИ & Агенты/Generative UI дашборд аналитики на Next.js 15 App Router
К карточкам раздела «ИИ & Агенты»Трудозатраты~12 рабочих часов
Фриланс вилка~$540 – $900 (€480 – €840)
Оценка веб-студии~$1,140 – $1,920 (€1080 – €1800)
ТЗ заказчика (исходный бриф):
«Интерфейс должен быть живым. Графики не должны быть статичными картинками — пользователь должен иметь возможность навести курсор, переключить метрику или изменить группировку.»
Ключевые требования:
- •Потоковый стриминг ответа с генерацией структурированных виджетов
- •Поддержка 4 типов визуализаций: BarChart, LineTrend, MetricCard, DataTable
- •Строгая Zod-схема для параметров визуализации данных
- •Возможность интерактивного зума и фильтрации сгенерированных графиков
- •Сохранение сессии диалога и избранных виджетов в локальном стейте / IndexedDB
Ограничения проекта:
- •Время появления первого токена < 500 мс
- •Корректный рендеринг на экранах от мобильных до 4K мониторов
Критерии приёмки (KPI):
- 0 опасных вставок через innerHTML
- 100% валидность сгенерированных данных перед рендером
- Оценка юзабилити (SUS score) > 85 баллов
Пошаговое практическое руководство по ТЗ
Подробный разбор архитектуры, код реализации и советы эксперта по каждому этапу: