Тема 11 — Импорт дизайна из Stitch и интеграция в Next.js

Тема 11 — Импорт дизайна из Stitch и интеграция в Next.js

Завершение работы со Stitch: получение сгенерированного HTML-кода через подключенный MCP-сервер прямо в интерфейс Antigravity. Демонстрация добавления контекста с помощью символа @ (упоминание скачанного файла). Переход в режим планирования для адаптации полученного HTML-дизайна в структуру Next.js (превращение в главную страницу `page.tsx`). Рассматривается работа с планом имплементации, возможность комментирования шагов ИИ и использование встроенного браузера (Browser Tool) для автоматического тестирования результата.

Тайм-коды:

00:00 Копирование названия проекта из Stitch

00:30 Использование MCP-сервера в режиме Fast для скачивания HTML

01:58 Переход в режим Planning для интеграции HTML в Next.js

02:21 Добавление контекста через символ @ (упоминание файлов)

03:22 Включение Browser Tool в настройках для автоматического тестирования

04:00 Работа с планом имплементации (комментирование шагов ИИ)

05:13 Процесс генерации и адаптации кода

05:54 Автоматическое открытие и тестирование результата встроенным браузером