Frontend: Next.js с интерактивной Masonry-сеткой в стиле Pinterest. Каждая карточка при клике раскрывается в полноэкранный Lightbox с детальным описанием, промптами и датой.
Backend: Полноценная инфраструктура Firebase. Скрытая админ-панель с авторизацией (Firebase Auth) позволяет загружать медиа напрямую в облако (Storage).
ИИ-автоматизация: Внедрили функцию Gemini Image Analysis. Теперь при загрузке новой генерации нейросеть сама анализирует картинку и пишет SEO-оптимизированный alt-текст.
📐 Дизайн как дисциплина: Чтобы избежать «дешевого» вида типичных нейросетевых интерфейсов, я прописал строгую конституцию в
DESIGN.md:Никаких стандартных шрифтов Inter/Roboto — только плотная типографика (Space Grotesk и Outfit).
Цветовая палитра в пространстве OKLCH для глубоких тонированных нейтральных оттенков.
Тактильность: кнопки-пады имитируют реальное железо с эффектом внутреннего свечения (inner glow) и индикаторами активного состояния.
Результат: Это не просто галерея, это «Классифайд ИИ-инноваций», где каждый из 14 каналов (от аватаров «Евы» до будущего Coca-Cola 2110) — это законченная история.
Вайбкодинг — это не когда ИИ делает всё за тебя, а когда ты направляешь его интеллект для создания продукта, который выглядит и работает безупречно.
Дизайнатор Стас
Комментариев пока нет.