Уроки · 01 / 07
Одна фраза — целая страница
Бесплатный чат, один промпт, один файл. Двойной клик — и на экране ночная кофейня.
Бесплатно · 8 мин
- 01
Открой Google AI Studio и войди тем Google-аккаунтом, который уже есть. Карту не спрашивают.
- 02
Начни новый чат. Модель оставь бесплатную, ту что стоит по умолчанию. Ничего не настраивай.
- 03
Вставь промпт ниже целиком и отправь. Дождись одного блока кода.
- 04
Скопируй код в блокнот, сохрани как lampa.html и открой файл двойным кликом.
Промпт
Сделай один HTML-файл. Его открывают двойным кликом, без интернета и без сборки. Это страница ночной кофейни «Лампа». Фон почти чёрный. По центру экрана огромное слово «ЛАМПА». Под ним одна строка: «кофе после полуночи». Ниже одна кнопка с текстом «Оставить свет». Кнопка пока ничего не делает. Не добавляй меню, футер, фотографии, внешние шрифты и библиотеки. Весь ответ — один блок кода с готовым файлом.
Вайбкодинг здесь — не курс синтаксиса. Ты говоришь, что должна делать страница, а бесплатная модель пишет файл. Твоя работа на этом уроке: вставить текст, сохранить, открыть.
Если AI Studio не открывается, тот же промпт можно отправить в бесплатный чат Claude или ChatGPT. Проси один HTML-файл и сохраняй его так же. Дальше мы остаёмся в одном чате: второй урок дописывает этот, а не начинает соседний.
Не проси «красивый современный сайт». Чем больше слов вокруг, тем больше меню, футеров и чужих шрифтов. Одна кофейня, одно слово, одна кнопка.
Как понять, что вышло
На весь экран тёмная страница и одно слово «ЛАМПА». Кнопка есть и молчит. Это и есть первый шаг: сайта ещё минуту назад не было.
Короткая проверка