Построй сайт с пониманием
Готовые проекты-туториалы. На каждом шаге ИИ генерирует код вживую и объясняет ПОЧЕМУ выбрал именно такой подход. Смотришь как растёт сайт, читаешь обоснования, видишь альтернативы.
Опиши свою тему — ИИ соберёт план
Расскажи что хочешь построить — ИИ сгенерирует уникальную дизайн-систему (цвета, шрифты, настроение), разобьёт на 5 шагов и поведёт тебя по ним с объяснениями. Никаких готовых шаблонов.
Лендинг кафе «Espresso»
Один HTML-файл, тёмная премиальная эстетика, секции шапка / hero / меню / контакты. Без JS, без фреймворков — только HTML+CSS. Идеально чтобы понять как ИИ строит сайт от нуля.
Todo-приложение
HTML + ванильный JavaScript. Минималистичный стиль в духе Linear: добавление, удаление, отметка выполненных, сохранение в localStorage.
Калькулятор тарифа
Слайдеры и чекбоксы пересчитывают цену в реальном времени. Стиль в духе Stripe Pricing — стеклянная карточка, тонкая типографика.
Калькулятор материалов «PoliBest 911»
Калькулятор расхода материалов для эпоксидных покрытий: выбор типа покрытия, площадь, количество слоёв, моментальный расчёт стоимости. Индустриальная эстетика — чёрный фон, красно-оранжевый акцент, сетчатый паттерн. По мотивам сайта polibest911.
Помодоро-таймер
Большой циферблат, кнопки Start/Pause/Reset, автоматическое переключение между «работа 25 мин» и «отдых 5 мин». Учит работать со временем в JS — setInterval, форматирование, и состоянием в одном файле.
Pricing-страница SaaS
Страница «Тарифы» для SaaS: hero с заголовком, переключатель «месяц/год», три карточки тарифов с подсветкой популярного, FAQ-секция. Без JS-фреймворков — чистый HTML/CSS с микро-интерактивом.
Викторина с результатом
Стартовый экран → последовательность вопросов с 4 вариантами → правильно/неправильно с подсветкой → финальный экран с результатом и кнопкой «попробовать ещё раз». Учит работать с состоянием, циклами и переходами между экранами.