Инспекция в превью
Выбор элемента открывает контекст для редактирования содержимого и оформления.
PROJECT 23.002 / Собственный продукт
Vibe Studio
Визуальное редактирование React-кода с прямой связью между элементом в превью и его исходником. Работа происходит локально, а изменения можно сохранить или откатить.
Beta · 0.2.0-beta.4REACT / DESKTOP / LOCAL-FIRST
CONTEXT / 01
Задача проекта
Правка интерфейса требует найти нужный компонент, изменить код и проверить результат в браузере. Vibe Studio связывает эти действия в одном десктопном редакторе.
SYSTEM / 02
Как устроено решение
Изменения в исходниках
Визуальная правка связывается с React-кодом, а Monaco даёт возможность работать с ним напрямую.
Git-чекпоинты
Контрольные точки, явные Apply / Save / Undo и восстановление сессии поддерживают управляемую работу с изменениями.
Local-first
Проект и его исходники остаются в локальном рабочем процессе. Текущая версия предназначена для beta-тестирования.
7пакетов в монорепозитории
Betaверсия 0.2.0-beta.4
Reactвизуальная работа с исходниками