Скиллы - это готовые инструкции для Claude Code, которые автоматизируют сложные задачи. Скачай их с Google Drive и перетащи в папку проекта в Antigravity.

🎯

Scroll Stop Prompter

Генерирует промпты для создания ключевых кадров

скачать 🌐

3D Website Builder

Пошаговая сборка сайта со скролл-анимацией

скачать 📈

Seo-Strateg

Полный SEO-аудит сайта с планом действий

скачать

Собираем брендинг клиента

Вытаскиваем всю информацию о бренде с существующего сайта клиента - цвета, тексты, позиционирование, стиль.

▸ Заходи на firecrawl.dev/app → Dashboard

▸ Слева выбери инструмент Scrape Web Page

▸ Вставь ссылку на сайт клиента

▸ В дополнительных форматах выбери Branding и Images

▸ Жми Start

▸ Сохрани результат - он понадобится на следующих шагах

💡 У Firecrawl есть API - при желании можно автоматизировать этот процесс через Antigravity.

Генерируем визуал через Nano Banana 2

Создаём два ключевых кадра: собранный объект и его «взорванную» версию. Потом склеим их в видео.

▸ Открой higgsfield.ai/image/nano_banana_flash

▸ Формат картинки: 16:9, качество 2K

▸ Используй скилл Scroll Stop Prompter (забери на Google Drive) - он сгенерирует тебе промпты

▸ Загрузи скилл в Antigravity, вызови Claude Code и попроси сгенерировать промпты под твою задачу

▸ Claude создаст HTML-страничку с готовыми промптами для копирования

▸ Скопируй Промпт A (основной кадр) → вставь в Nano Banana 2

▸ Batch Size: 4 - чтобы получить 4 варианта

▸ Прикрепи референсы: логотип компании + фото их продукта из Google

▸ Добавь в промпт условие: чистый белый фон, ни один элемент не касается краёв картинки

▸ Жми Generate, выбери лучший вариант

▸ Теперь возьми эту картинку как референс → скопируй Промпт B (Explosion Shot) → сгенерируй «взорванную» версию

▸ На выходе: два кадра - собранный объект и разобранный

💡 Сделай 4-5 вариантов генерации, чтобы найти идеальный результат. Не бойся экспериментировать.

Превращаем картинки в видео через Kling 3.0

Склеиваем два кадра в плавную анимацию разборки/сборки.

▸ Открой higgsfield.ai/create/video

▸ Выбери Kling 3.0 Standard

▸ Загрузи первую картинку (собранный объект) и конечную (разобранный)

▸ Вставь промпт из HTML-странички (Animation Prompt)

⚙️ Настройки:

- Длительность: 7 секунд

- Качество: 1080p

- Multi-shot: выключить

▸ Скачай получившееся видео

💡 Обязательно попроси в промпте без текста - иначе текст расплывётся в видео. Можно использовать любые другие API для видео или запустить напрямую через код в Antigravity.

Собираем сайт в Antigravity

Используем скилл 3D Website Builder, который пошагово ведёт по всем этапам создания сайта.

▸ Открой Antigravity → жми Open Folder → создай новую папку для проекта

▸ Скачай скилл 3D Website Builder с Google Drive и перетащи его в эту папку

▸ Вызови Claude Code (жми иконку расширения → откроется окно чата)

▸ Укажи Claude путь к скиллу и попроси сделать сайт

▸ Claude проведёт интервью: название бренда, логотип, цвета (вставь из Firecrawl), стиль

▸ Укажи белый фон для хороших переходов

▸ Скинь URL сайта клиента для контента

▸ Скажи Claude взять последнее скачанное видео с ПК

▸ Claude соберёт MVP-сайт со скролл-анимацией

💡 Переключись на автоматическое редактирование в Antigravity, чтобы не подтверждать каждое действие вручную.

Трюк с HTML - клонируем структуру любого сайта

Берём рабочую структуру существующего сайта и переделываем с нашим дизайном и 3D-анимацией.

▸ Загугли "HTML Extractor From Website" - используй любой онлайн-инструмент

▸ Вставь ссылку на сайт-донор → скачай весь HTML-код

▸ Открой новый чат с Claude в Antigravity

💬 Промпт 1 - Клонирование структуры

Привет, я скачал HTML-код с оригинального сайта. Используй его как основу, чтобы воссоздать сайт, но с нашими текстами и скролл-анимацией фургона. Сохрани оригинальный шрифт и логотип, структура должна выглядеть знакомой, но с нашей 3D-изюминкой.

▸ Загрузи скачанный HTML и укажи его расположение

💡 Если нашёл в сети сайт с безупречной структурой - можешь сделать то же самое. Все анимации, которые были в оригинальном коде, сохранятся.

Деплоим сайт в интернет (GitHub + Vercel + MCP)

Публикуем сайт, чтобы его мог открыть кто угодно по ссылке.

6.1 - Получаем токены:

▸ GitHub токен: Заходи в github.com/settings/tokens → Settings → Developer Settings → Personal access tokens → Tokens (classic) → Generate new token (classic) → отмечай все галочки → Create → скопируй токен

▸ Vercel токен: Заходи в vercel.com → Settings → Tokens → Create → задай срок жизни → скопируй токен

6.2 - Подключаем GitHub MCP в Antigravity:

▸ В Antigravity жми три точки (⋯) → MCP Servers → ищи GitHub → жми Подключить → вставь токен

6.3 - Подключаем Vercel MCP:

▸ Напиши Claude Code в чате следующий промпт:

💬 Промпт 2 - Подключение Vercel MCP

Мне нужно подключить Vercel MCP-сервер, чтобы деплоить сайты прямо из Antigravity. Открой файл mcp_config.json (он находится по пути ~/.gemini/antigravity/mcp_config.json на Mac/Linux или C:\Users\<USERNAME>\.gemini\antigravity\mcp_config.json на Windows). Добавь в секцию "mcpServers" следующий блок: "vercel": { "command": "npx", "args": [ "-y", "vercel-mcp", "VERCEL_API_KEY=ВСТАВЬ_СЮДА_СВОЙ_ТОКЕН" ], "env": {}, "disabled": false } Замени ВСТАВЬ_СЮДА_СВОЙ_ТОКЕН на мой реальный Vercel токен: [вставь свой токен] После сохранения перезапусти Antigravity, чтобы MCP подхватился.

▸ После подключения проверь: три точки (⋯) → MCP Servers → Manage MCP Servers → должен появиться Vercel с функциями

6.4 - Деплоим:

💬 Промпт 3 - Деплой

Создай для этого проекта репозиторий на GitHub, запушь туда код, а потом задеплой и опубликуй новый сайт на Vercel

▸ Claude выдаст готовую ссылку на рабочий сайт

💡 GitHub - место, где лежит код. Vercel - сервис, который превращает код в рабочий сайт. Оба бесплатные.

Добавляем страницы + SEO-оптимизация

Делаем сайт многостраничным и оптимизируем под поисковики.

7.1 - Новые страницы:

💬 Промпт 4 - Новые страницы

У меня есть готовая главная страница. Изучи её код и пойми визуальный стиль. Спроси меня, какие ещё страницы я хочу добавить. Для каждой новой страницы воспроизведи существующий дизайн, сделай полностью SEO-оптимизированными, адаптивными. Обнови меню навигации на всех страницах. После создания - проведи полный SEO-аудит и выдай отчёт.

7.2 - SEO-аудит через скилл:

▸ Скачай скилл Seo-Strateg с Google Drive

▸ Импортируй его в Antigravity

▸ Вызови через /seo или укажи Claude путь к скиллу

▸ Выбери «анализ всего сайта» → вставь ссылку

▸ Скилл проверит все страницы, robots.txt, sitemap, перелинковку

▸ Получишь подробный отчёт с оценкой и планом действий