Сайт с ИИ
за 37 минут
Это не теоретический конспект, а пошаговый рабочий протокол. Включает готовый Taste Skill для дизайна, схему CRM автоматизации на N8N и рабочие команды, чтобы вы могли повторить проект у себя.
Установка и доступ
Перед началом работы обязательно скачайте официальное приложение Claude Desktop. Ниже собран практический чек-лист, чтобы подготовить рабочую среду и не споткнуться на старте.
Скачать Claude Desktop1. Качественный VPN
Регистрация и работа осуществляются только с включенным VPN-сервисом (идеально США/Европа). Иначе API заблочит доступ.
2. Авторизация и SMS
Используйте рабочий способ авторизации для вашего региона. Если берете готовый аккаунт или подписку у продавца, проверяйте репутацию, почту и условия восстановления доступа.
3. Подписка (Pro / Max)
Для полноценной работы Claude Code подойдет платная подписка. Главное — заранее проверить, что доступ стабилен, а аккаунт привязан к почте, которую вы контролируете.
Дополнительно
Совместные подписки нейросетей
Если вам нужны другие нейросети, общие аккаунты или сервисы по выгодной цене, заглядывайте в нашу закрытую группу.
Протокол развертывания проекта
Инфраструктура и Настройки
Настройка Claude Desktop для вайб-кодинга. Важны две вещи: включить галочку 'Auto accept edits' и добавить системный промпт (Taste Skill), чтобы нейронка не выдавала стандартные дешевые шаблоны. Вы можете просто попросить Claude настроить это.
Рабочий промпт
Инициализация и Архитектура
Начинаем работу в пустой директории. Вызываем команду скилла и даем наш главный архитектурный запрос.
Рабочий промпт
Генерация и Интеграция Медиа
Сначала просим Claude описать нужные медиа и написать для них промпты. Затем генерируем визуал в Google Labs (названия файлов строго латиницей!) и просим нейронку адаптировать сетку под новые ассеты.
Генерация промптов для картинок
Масштабирование картинок
Интеграция видео-блоков
Пример промпта для видео (Veo 3.1)
Slow cinematic drift — camera very gently pushes forward toward the house, almost imperceptible movement. Pine trees sway slightly in a soft evening breeze. Thin wisps of ground fog drift slowly left across the forest floor. Warm interior light inside the house flickers subtly — like a fireplace or candles. Overcast blue-hour sky shifts slightly, clouds move in slow motion. No sudden movements, no cuts. Mood: still, breathable, cinematic. Duration: 6–8 seconds, loop-friendly.
Примеры промптов для фото (Nano Banana / ImageFX)
1. Hero — Borealis-тип, вечер у леса Modular house, two rectangular dark timber volumes placed at a slight angle, flat roof, floor-to-ceiling windows glowing warm light from inside, dense pine forest background, dusk, blue hour, ground fog, corten steel details, cantilevered terrace, no fences no decor, photorealistic architectural photography, Dezeen style, moody dark atmosphere, 9:16 2. Философия — интерьер Interior of a modular house, exposed CLT wood ceiling and walls, large floor-to-ceiling window overlooking forest, concrete floor, minimal furniture, warm diffused daylight, overcast sky outside, dark steel frame details, no clutter, architectural photography, Peter Zumthor mood, 4:5 3. Borealis — фасад в лесу Small modular house, dark thermally modified wood horizontal cladding, flat roof, two connected rectangular volumes offset from each other, surrounded by tall pine trees, early morning fog, no fences, photorealistic, Archdaily architecture photo, moody cold light, 3:4 4. Keda — компактный в бору Single compact modular cabin, black metal cladding, flat roof, floor-to-ceiling glazing on one facade, pine forest, soft morning light, mist between trees, raised slightly off ground on steel beams, no landscaping, photorealistic architecture photography, 16:10
Устранение багов и Версионирование
Не ищите код руками. Делайте скриншоты или выделяйте кривые элементы прямо на экране, отдавая контекст Claude.
Скриншот + промпт
Создание точки возврата перед крупными изменениями
Бэкенд и CRM автоматизация (N8N)
Для сбора заявок не оставляем вебхуки открытыми. Claude пишет бэкенд, а в N8N настраиваем обработчик: Webhook → Telegram.
Рабочий промпт
Шаблон N8N 1.0 (Импортируйте через Ctrl+V). Важно: замените ID таблиц и Telegram на свои.
Деплой и Публикация
Бесплатное размещение сайта в сети через Vercel. Даем нейронке доступ к Vercel Connector.
Рабочий промпт