Как я сделал рабочий SaaS, не написав ни строчки кода вручную

В прошлом посте я писал про ад с референсами: Pinterest, Figma, сотни вкладок и папки, которые страшно открыть.

Сегодня покажу, как именно я решил эту проблему в своем приложении.

Главная идея — единое бесконечное пространство без разрывов контекста. Ты никогда не уходишь со страницы, не переключаешься между вкладками и не теряешь мысль. Все существует на одной доске.

Что внутри этого решения:

Видео воспроизводятся при наведении курсора. Никаких кликов для просмотра, поток мышления не прерывается. Убрал курсор — видео ставится на паузу.

Заметки и документы живут прямо на холсте рядом с референсами. Не нужно держать открытым отдельный редактор или писать текст поверх картинки в Figma. Контекст всегда привязан к визуальному элементу.

Цветовая палитра извлекается из изображений автоматически. Кликнул на картинку — получил готовые цвета для копирования. Не нужно открывать сторонние инструменты или использовать пипетку.

Умная физика объектов. Картинки и видео не могут накладываться друг на друга. При перетаскивании они автоматически находят свободное место и выстраиваются в сетку, уважая границы соседей. Хаос на доске невозможен технически.

Это не концепт и не демо-ролик. Это рабочий инструмент, который я уже использую сам каждый день. Осталось совсем немного допилить, запуск этим летом.

Если хотите увидеть изнанку процесса, технические факапы и то, как именно я промптил эти фичи — все подробности публикую здесь.

Подписывайтесь и шарьте тем, кому тоже знаком этот хаос с референсами и вайбкодом.