🚀 Создание лендинга регистрации через нейросеть
Пошаговый конспект | Практическое руководство
1. Какую нейросеть выбрать
| Инструмент | Особенности | Доступность |
|---|---|---|
| DeepSeek | Бесплатный, без VPN | ✅ Рекомендуется |
| Claude | Качественно, быстрее | ⚠️ Нужен VPN и подписка |
| ChatGPT | Тоже умеет верстать | ❔ Не тестировался |
💡 Совет: основную работу делаем в DeepSeek, сложные правки — в Claude.
2. Что подготовить до старта
📄 Контент: чёткое ТЗ, готовый текст страницы, названия гайдов
🎨 Референсы: скриншоты с Behance (цвета и шрифты)
🛠️ Техника: GitHub (для картинок), Tilda, форма из GetCourse
🎨 Референсы: скриншоты с Behance (цвета и шрифты)
🛠️ Техника: GitHub (для картинок), Tilda, форма из GetCourse
3. Процесс создания
Шаг 1. Базовый промт в DeepSeek
Сделай страницу регистрации с таким текстом: [ТЗ]. Дизайн как на приложенной картинке.
Шаг 2. Итеративные правки
❌ "Убери футер внизу"
❌ "Убери эти слова наверху"
❌ "Сделай шрифт меньше"
❌ "Исправь цвета по референсу"
❌ "Убери эти слова наверху"
❌ "Сделай шрифт меньше"
❌ "Исправь цвета по референсу"
Шаг 3. Картинки — только через GitHub
Почему? Если кинуть картинку прямо в нейросеть — код станет слишком тяжёлым для Tilda.
Решение: загрузить картинку в публичный репозиторий GitHub → скопировать ссылку → отдать нейросети.
Решение: загрузить картинку в публичный репозиторий GitHub → скопировать ссылку → отдать нейросети.
Шаг 4. Публикация на Tilda
1. Создать новую страницу → Пустая страница
2. Добавить блок → T123 (HTML-код)
3. Вставить код из нейросети → Сохранить
4. Опубликовать → Скопировать ссылку
2. Добавить блок → T123 (HTML-код)
3. Вставить код из нейросети → Сохранить
4. Опубликовать → Скопировать ссылку
4. Типичные сложности и решения
🧩 DeepSeek не понимает правку
→ Переформулировать запрос 1–3 раза. Если не помогает — взять проблемный код и исправить в Claude.
→ Переформулировать запрос 1–3 раза. Если не помогает — взять проблемный код и исправить в Claude.
🧩 Дизайн не похож на референс
→ Указать конкретные HEX-коды цветов и название шрифта. Добавить 2–3 скриншота.
→ Указать конкретные HEX-коды цветов и название шрифта. Добавить 2–3 скриншота.
🧩 Код слишком тяжёлый для Tilda
→ Внутри встроены base64-картинки. Заменить их на ссылки GitHub.
→ Внутри встроены base64-картинки. Заменить их на ссылки GitHub.
5. Сколько времени занимает
| Сценарий | Время |
|---|---|
| Первая страница с нуля | ≈ 2 дня |
| Следующие страницы (есть готовые шаблоны) | несколько часов |
| Простая страница "Спасибо" | 30–60 минут |
💡 Лайфхак: скачай готовые HTML-коды похожих страниц и скажи нейросети: «Сделай по аналогии, только поменяй текст и цвета».
6. Чек-лист перед стартом
- Текст страницы полностью готов
- Референсы собраны (2–3 скриншота)
- Форма регистрации из GetCourse получена
- Все картинки подготовлены
- GitHub аккаунт создан (репозиторий публичный)
- Доступ к Tilda есть
- Понимаю, что 70% времени уйдёт на правки
7. Главные выводы
🧠 Нейросети: DeepSeek → основа, Claude → сложные правки
🖼️ Картинки: только через GitHub, иначе Tilda не примет код
📌 Референсы: без примеров дизайн получается некрасивым
⚡ Итерации: править придётся много. Чем точнее промт — тем быстрее
🖼️ Картинки: только через GitHub, иначе Tilda не примет код
📌 Референсы: без примеров дизайн получается некрасивым
⚡ Итерации: править придётся много. Чем точнее промт — тем быстрее
📄 Конспект подготовлен на основе видео-руководства
🖨️ Сохраните как PDF: Ctrl+P → выберите «Сохранить как PDF» → поля «Нет» → масштаб 95%
🖨️ Сохраните как PDF: Ctrl+P → выберите «Сохранить как PDF» → поля «Нет» → масштаб 95%