Создать сайт бесплатно с помощью ИИ — звучит как мечта. Я проверил эту гипотезу на себе: за 2 часа собрал адаптивный личный сайт, разместил в интернете и... понял, что это не моё.
Рассказываю как делал, какие ИИ-инструменты использовал и почему результат разочаровал.
🔥 Все рабочие промпты для создания сайта — в моём Telegram-канале в комментариях к этой статье
Результат моей работы: [ссылка на сайт]
Главная проблема ИИ: дизайн
Сделать сайт с ИИ бесплатно технически можно. Но ключевую трудность LLM пока не решает — крутой дизайн.
Хочется повыебываться, быть не как все. Но сказать агенту "сделай красиво" не получится.
С годом опыта понимаешь что такое "красиво" по мнению ИИ — и даже не лезешь туда. Будет типовой сайт бесплатно с любимыми ИИ-элементами и секциями.
Мой путь: поиск референса
Пошел по пути референсов. Нашел прикольный дизайн. Идея была такая:
- Внизу: стек технологий для вайбкодинга (иконки) + соц сети
- На рабочем столе: CV, проекты, гайды, продукты
- Notes: посты-заметки для SEO-трафика
Пошаговый план: как создать сайт с ИИ бесплатно
Шаг 1. Сбор контекста проекта
Промпт для LLM → отвечаем на вопросы → артефакт который экономит часы
Шаг 2. Бизнес-требования
Второй промпт → детальное описание что нужно сделать
Шаг 3. Проектирование первой фичи
Выбираем функцию → промпт проектирования → детальное описание работы
Шаг 4. Техническое задание
Промпт написания требований → ТЗ для ИИ
Шаг 5. Прототипирование (опционально)
Отдельный промпт для визуализации
Шаг 6. ВАЖНО: не переизобретайте велосипед
Не пишите с нуля авторизацию. Не делайте с нуля дизайн MacOS в вебе. Ищите готовые решения на GitHub или просите ИИ найти.
Я пришел к этому через 7 месяцев, когда сделал несколько велосипедов которые не работали. На этом шаге можно жестко тильтануть (у меня было).
Шаг 7. Запуск проекта
Установка библиотек, шрифты, технологии, репозиторий
Шаг 8. Генерация кода
Прикладываем артефакты → просим сделать фичу → ИИ генерит код → даем комментарии
💡 Совет: Для каждой задачи используйте отдельный чат с ИИ
Детальные промпты для каждого шага забирайте в Telegram
там я расписал все 5 промптов которые использовал + примеры как их применять.
Результат и выводы
Сделать сайт бесплатно онлайн с ИИ — реально. За 2 часа собрал то, что на референсе понравилось.
Потыкал. Понял — не моё.
Плюс артефактов: легко откатиться назад, показать новый референс агенту и заново закодить. Ищу дальше.
Что планирую дальше:
Скоро найду то что зайдет. Сделаю подробный лендинг с описанием моего подхода в вайбкодинге, который использовал в 4 проектах.
Заберите промпты и следите за обновлениями
Я продолжаю эксперименты с вайбкодингом и делюсь реальным опытом — с косяками, провалами и находками.
В Telegram-канале вас ждёт:
- Все 8 промптов для создания сайта с ИИ
- Примеры применения на реальных проектах
- Ссылки на референсы и библиотеки
- Обновления про новые эксперименты
👉 Переходите и забирайте: забрать промпты