📍У меня не было личного сайта. Через 4 часа был Коллеги, лендинг с анимациями можно сделать за один вечер. Без команды дизайнеров.
Вечер четверга. Сидел без дела. Подумал — а почему у меня нет личного сайта?
В 19:00 стартовал. В 23:30 уже деплоил на Vercel.
Результат: vladislavpopov.ru. Плавные переходы, типографика, адаптив. Выглядит как работа студии.
#Стек: HTML + CSS + JS + AI
- Base structure — классический HTML5
- Styling : чистый CSS, без фреймворков
- Animations : GSAP + Lenis для smooth scroll
- AI Architect : Gemini для промпт-driven разработки
Никаких React, никаких bundlers. Old school подход.
#Промпт-архитектура
Вместо ТЗ : серия промптов:
- "Hero section с gradient background"
- "About section с timeline элементами"
- "Projects grid с hover эффектами"
- "Contact form с валидацией"
Gemini генерировал код блоками. Я собирал как конструктор.
#Why it works
Современные AI модели хорошо знают веб-стандарты. Они могут создать production-ready код, если правильно структурировать запросы.
Главное : не просить "сделай сайт", а разбить на конкретные компоненты.
В моём посте про дизайн с Gemini : подробнее о промпт-инжиниринге для UI.
Больше AI-разработки в бесплатном гиде
Подписывайтесь на канал @popovvii — больше кейсов по AI и разработке.
