Все мои продукты выглядят одинаково. Я очень устал от этого — и в этот раз решил сделать нормально с самого начала. Оказалось, это ой как не просто.
Рассказываю как шел, где облажался и что в итоге помогло.
Почему я взбесился от типового ИИ-дизайна
Когда запускаешь продукт через вайбкодинг, интерфейс генерируется быстро. Проблема в том, что он выглядит одинаково у всех. Серые карточки, скругленные кнопки, один и тот же шрифт. Любой кто работал с Claude Code, v0 или Bolt — знает этот вид.
Я строю Булаву — инструмент для вайбкодинга контента. Ты закидываешь черновик, агент превращает его в пост для TG, адаптирует под Дзен, X, Threads. MVP уже работает в терминале. Следующий шаг — веб-приложение для людей без IDE.
И вот тут встал вопрос дизайна.
Что я сделал до запуска: 2 часа сетапа
Решил подойти серьезно. Потратил 2 часа на подготовку:
- Поресечил claude skills для работы с фронтом — какие скилы реально помогают держать качество кода
- Выбрал стек под задачу
- Выбрал дизайн-систему из открытых
- Описал флоу каждого экрана: что видит пользователь, что кликает, что происходит дальше
- Зафиксировал правила как Claude Code работает с кодом — чтобы не сносил стили на каждой итерации
Казалось бы: всё готово, можно запускать.
Что получилось: типовая хуйня
Запустил. Открыл в браузере. Захотелось поплакать, сильно так
Классическая ИИ-поделка. Даже с выбранной дизайн-системой и настроенными скилами. Красиво технически — но абсолютно безликое. Я такой видел уже сто раз. У конкурентов, на Product Hunt, на каждом втором лендинге SaaS-стартапа.
Решил попробовать другой путь — закинул то же ТЗ в 4 разных инструмента для прототипирования. Результат тот же.
Почему так происходит: ИИ-инструменты оптимизированы под "правильный" дизайн, а не под "интересный". У них нет вкуса. Они генерируют то, что видели чаще всего — а это именно типовые SaaS-интерфейсы.
Откат: как победить ИИ-дизайн
Я откатился. Сел делать то, что получается лучше всего: ругаться с нейросетями.
Это звучит как шутка, но это реальная техника. Прежде чем давать задачу — надо потратить время на то чтобы объяснить критерии. Не "сделай красиво", а "красиво это вот что, а вот это мне не нравится и вот почему".
Час ушел на то чтобы договориться что значит "интересно и классно" применительно к Булаве:
- Какие референсы нравятся и почему именно они
- Что конкретно бесит в типовых SaaS-лендингах — и почему это отталкивает
- Какое ощущение должен оставлять продукт у пользователя
В итоге зафиксировали всё в документ. Не ТЗ на кнопки — а описание хорошего дизайна для этого конкретного продукта. Чисто по моему вкусу. Этот документ и стал основой для работы.
Результат: до и после
Решили двигаться экран за экраном. Начали с лендинга. Потратил еще 3 часа итераций. Стало сильно лучше. Не идеально — но уже не стыдно показывать.
Следующий шаг: описываем то что получилось, и идем в экран авторизации.
Что я понял
Проблема не в инструментах. Проблема в том что я пытался получить хороший дизайн без того чтобы сначала сформулировать что для меня хороший дизайн.
ИИ не знает твой вкус. Ему надо объяснить. И объяснение занимает время — но это правильное время. Потому что без него ты будешь переделывать бесконечно.
Если делаешь продукт через вайбкодинг — не пропускай этот шаг. Поругайся с нейросетью до старта, а не после.
Весь процесс публикую в TG-канале — там каждый шаг без фильтрации: https://t.me/hoodyakoff_vibes