Я проверил 4 лучших сервиса для вайбкода сайтов и вот что вышло...

Пришла идея с одного промпта посмотреть кто сможет сделать более качественно и обьективно дать оценку по неким критериям

prompt

"Создай премиальный лендинг для студии дизайна и ремонта в Одессе. Стиль: 'Architectural Minimalism'.

Шрифты (Критично): > 1. Заголовки: 'Syne' (Bold).
2. Текст: 'Plus Jakarta Sans'. Никакого Inter.
3. Цвета: Антрацит (#121212), Песочный беж (#F5F5F0), Глубокий синий (#0047AB).

Обязательные интерактивные элементы (Проверка на логику):

1. Интерактивный Квиз с Живым Калькулятором:

Создай форму из 4-х шагов:

Тип жилья (Новострой, Вторичка, Дом).

Площадь (Ползунок/Slider от 30 до 300 м²).

Тип ремонта (Косметический, Дизайнерский, Lux).

Срок реализации (Срочно, Планово).

ЛОГИКА: Внизу квиза должен быть зафиксированный блок: 'Ваш примерный бюджет: [СУММА] грн'. Сумма должна мгновенно меняться при каждом клике пользователя (например: +15 000 за м² для Дизайнерского, +8 000 для Косметического). Это проверка на работу с React State.

2. Слайдер 'Before/After':

Секция с реальными работами. Реализуй компонент со шторкой, которую можно тянуть мышкой влево-вправо, открывая фото 'ДО' и 'ПОСЛЕ'.

3. Персонализация и Анимация:

В Hero-секции добавь приветствие: '[Иконка] Доброе утро/день/вечер, Одесса!', которое зависит от времени на часах пользователя.

Все блоки должны иметь плавный Reveal Effect (появление снизу вверх при скролле).

Кнопки должны иметь эффект плавного увеличения (Scale) и смены цвета при наведении."

Участники /lovable /v0 /replit /bolt

Критерии оценки, добавил некоторые обязательные задания - калькулятор стоимости и карточка дизайна до/после и mobile адаптация

Категории /визуал /калькулятор /до.после /наполненность /мобилка

Десятибальная шкала оценка идёт от сравнения с друг другом

Ну шо погналииии

Lovable брат, /LINK
*визуал 5/10
*калькулятор 7/10
*до.после 8/10
*наполненность 2/10
*мобилка 10/10

Comment biosa, супер простой визуал, ничего не выдумывал сделал по заданию, ошибка в выборе цветов, плохо видно на фоне. Калькулятор работает но текст слился

v0 сват, /LINK
*визуал 10/10
*калькулятор 9/10
*до.после 9/10
*наполненность 10/10
*мобилка 10/10
*за укр мову 100/10

Comment biosa, идеальная работа за 1 промпт, чёткий дизайн, анимация в меру, калькулятор приятный, вот немного не доделал, кнопку консультации, но это уже была его импровизация

replit кент /LINK
*визуал 8/10
*калькулятор 9/10
*до.после 5/10
*наполненность 10/10
*мобилка 10/10

Comment biosa, импровизировал реплит славно, сделал меню, сделал калькулятор, даже отзывы и форму для связи (рабочую) с портфолио до.после накосячил и не заполнил

bolt друг /LINK
*визуал 7/10
*калькулятор 8/10
*до.после 9/10
*наполненность 8/10
*мобилка 8/10

Comment biosa, просто и понятно, не всё кликабельно, добавил форму для связи, а так дизайн скучный, анимации гуд

Что вам больше понравилось? v0 меня прям обрадовал, идеальная работа

Это хороший показатель, что даже с одним промптом, можно сделать скелет сайта и уже далее его редактировать. Нейронка понимает структуру

Траты лимитов на билд вышли у каждого сайта около 0.3-8$

*на деле я думаю вам понятно что это чисто фан, никакой ценности особо не несет эксперимент, всё зависит только от вас, как вы предоставите виденье идеи и конечно какая LLM под капотом сидит. и разумеется один сайт в этот раз лучше сделал, след попыткой бы хуже, рандом

реакции ❤️