Инструменты и подготовка
Основной инструмент: Antigravity 2.0 (использует модели Gemini). Дополнительно: Claude Opus (когда лимиты Gemini исчерпаны). Подготовка: Поиск и сохранение референс-дизайнов лендингов (например, с Behance) в отдельную папку. Постановка задачи AI Голосовой промт для AI должен быть детальным и включать: Цель: Создать аналогичный, но уникальный лендинг интернет-магазина мебели. Требования к качеству: Премиум, «лакшери», максимально красивый. Технические аспекты: Использование GSAP для анимаций, статический HTML для простого хостинга. Ограничения: Шрифты с поддержкой кириллицы, SVG-иконки вместо эмодзи. Функционал: Полноценный интернет-магазин с каталогом, карточкой товара, корзиной. Процесс работы и итерации 1. Первичная генерация: AI создаёт план и сразу приступает к реализации. Результат — рабочий прототип с базовым функционалом (главная, каталог, карточка товара, корзина). Выявленные проблемы: Слабая анимация, простые шрифты, некликабельный слайдер отзывов, баг с удалением товара из корзины. 2. Вторая итерация (голосовая обратная связь): Анимация Hero-секции: Замена на плавный кинематографичный эффект. Шрифты: Подбор премиальной пары (Cormorant Garamond для заголовков, Jost для текста). Дизайн: Добавление золотистых акцентов, градиентов, стеклянных панелей (глассморфизм). Секция преимуществ: Полноэкранный фон с параллаксом вместо мелкой фотографии. Слайдер отзывов: Добавление контента и починка навигации. Корзина: Исправление бага с удалением товара. 3. Финальные правки: Устранение графического артефакта (чёрный прямоугольник) в секции преимуществ. Добавление фонового Hero-изображения на страницу каталога. Тонкая настройка декоративных элементов (длина и толщина линий в разделителе). ⚠️ Работа с лимитами и моделями AI Gemini 3.5 Flash: Показала фантастическую скорость (правки за 25-30 секунд) и умеренный расход квоты. Claude Opus: Работал значительно медленнее (минуты против секунд) и быстрее расходовал лимиты. Стратегия при исчерпании лимитов: Использовать другой аккаунт или откатить изменения и завершить работу с более эффективной моделью (Gemini). Вывод: На создание сложного интернет-магазина квоты одного аккаунта может хватить впритык. Для простого лендинга — достаточно. Выводы и итоги Результат: Полностью функциональный, уникальный и визуально премиальный лендинг интернет-магазина. Время: Весь процесс занял около 10 минут активной работы. Способ управления: Исключительно голосовые команды, без касания клавиатуры на этапе генерации. Стоимость: Бесплатно, в рамках предоставленных лимитов. Ключ к успеху: Чёткая постановка задачи, итеративный подход с конкретной обратной связью и использование самых быстрых моделей AI (Gemini 3.5 Flash).