Свой сайт-визитка за один промпт

Что получится

Сайт на одну страницу: шапка с переливающимся градиентом, «Обо мне», шесть любимых вещей с нарисованными иконками и кнопка «Написать мне». Четыре кнопки сверху перекрашивают весь сайт. Нажми «Играть в пример» выше — это сделал Gemini по промпту ниже.

Шаги

1. Открой gemini.google.com. Младше 13 — вместе с родителем, на его устройстве.

2. Скопируй промпт целиком и отправь:

   Сделай сайт-визитку в одном HTML-файле. Не подключай ничего из интернета: никакого Tailwind, CDN, шрифтов, картинок и библиотек — только свой CSS и JavaScript внутри файла. Не сохраняй ничего в памяти браузера. Сайт для школьника с ником «Космо», который любит роботов и рисование (настоящее имя не пиши). Разделы: шапка с переливающимся градиентом и ником; «Обо мне» — три предложения; сетка из 6 любимых вещей, у каждой своя иконка, нарисованная в SVG; кнопка «Написать мне», которая открывает окошко «Спасибо! Это пример — сообщения никуда не отправляются». Вверху 4 цветные кнопки, которые перекрашивают весь сайт в другую тему. Плавная прокрутка, крупный текст. Всё должно хорошо выглядеть на телефоне. Покажи результат в Canvas.
   

3. Подожди около минуты, нажми Предпросмотр (Preview) и попробуй все кнопки и ползунки.

4. Проверь ИИ (вопрос ниже).

5. Нажми Скачать (Download; иногда это меню Экспортировать) — файл откроется в любом браузере. Покажи его на уроке!

Поменяй промпт

Перед отправкой замени несколько слов — получится твоя версия. Меняй только слова, а правила про интернет и Canvas оставь.

• «любит роботов и рисование» → «любит футбол и музыку»
• «ником «Космо»» → «ником «Звезда»»
• «4 цветные кнопки» → «6 цветных кнопок»

Если не получается

• ИИ пишет, что всё поменял, а результат прежний? Напиши: Ничего не поменялось. Покажи обновлённую версию в Canvas.
• Нет кнопки «Предпросмотр» (Preview)? Напиши: Покажи результат в Canvas.
• Кнопки цвета ничего не меняют? Напиши: «Кнопки темы не меняют цвета сайта. Почини, остальное не меняй.»