📚 Дизайн сайтов с агентами: клонирование, Motion Sites, Google Stitch и DESIGN.md

Соберёшь сайт с выразительным дизайном в Cursor или Claude Code и сохранишь единый стиль на всех страницах

Этот материал доступен участникам Клуба. Войдите или оформите доступ, чтобы читать целиком, открывать видео и комментировать.

Войти Вступить / купить доступ

Уроки (4)

1 Как скопировать дизайн чужого сайта агентом: библиотека clone website, Chrome DevTools MCP и адаптация под свой проект Продолжить → 2 Лендинг с футуристичным дизайном: библиотека Motion Sites, видео и hover-эффекты через Cursor → 3 Google Stitch: дизайн сайта нейросетью и перенос в React через Cursor → 4 Файлы DESIGN.md: единый стиль сайта и обновление Google Stitch →

О курсе

Курс собирает инструменты и подходы, которые помогают агенту для кода делать сайты с хорошим дизайном. Он для тех, кому нужен сайт или лендинг, но нет идей и бюджета на дизайнера. Примеры показаны в Cursor, те же шаги работают в Claude Code и других совместимых системах. В первом уроке разбираю библиотеку для клонирования сайтов вместе с Chrome DevTools MCP: копирую сайт конкурента и адаптирую его под свой инструмент. Во втором делаю футуристичный лендинг на основе Motion Sites с видео для первого экрана и hover-эффектами, и довожу его до деплоя на личный домен. В третьем работаю в Google Stitch: описываю hero-секцию, экспортирую дизайн в ZIP и переношу его в React через Cursor. В четвёртом показываю файлы DESIGN.md, которые держат единый стиль на нескольких страницах, и подключаю их к Cursor через Cursor Rules.