Смотреть урок

Сегодняшний урок посвящен использованию файла design.md для сохранения визуальной консистентности при генерации сайтов с помощью нейросетей. Я разбираю базовые правила веб-дизайна: работу с токенами, воздухом, тремя основными цветами и подбором шрифтовых пар. Главная часть занятия — демонстрация моего кастомного агента Aura в Cursor (на базе Gemini 3.5 Flash), который способен с точностью [примерно] 90% копировать и воссоздавать код дизайна сайтов по скриншоту или ссылке. В финале я показываю, как с помощью субагентов можно автоматически деплоить сгенерированные HTML-страницы напрямую на боевой сервер WordPress.

Оглавление с таймкодами:

00:00–03:14 Вступление и новости об интеграции модели Gemini 3.5 Flash в Cursor.
03:15–07:20 Зачем нужен файл design.md и почему нейросети забывают визуальный стиль при долгой работе.
07:21–10:33 Базовая структура кода дизайна: SVG, текстовые вставки и шейпы.
10:34–14:41 Проблема потери контекста и решение в виде файла от Google Labs.
14:42–22:32 Структура файла design.md и преимущества использования дизайн-токенов для массовой смены цветов.

22:33–26:26 Цветовая гармония и строгое правило использования не более трех цветов в палитре.
26:27–31:06 Важность правильных отступов (воздуха) и правила подбора шрифтовых пар для сайта.
31:07–34:50 Психология цвета…