VisBug MCP Bridge

Признайтесь, бывало такое - сделали себе сайт/лендинг через вайбкодинг, но вот картинка или какой-то блок/заголовок нужно сместить чуть-чуть в сторону. Просите сделать это cursor, а получаете кардинально другое, нежели вы описывали и просили сделать. Поэтому сделал мост между VisBug(официальное расширения от Google для Chrome, двигает элементы сайта в браузере, но не сохраняет правки) и Cursor - чтобы визуальные правки на сайте не терялись, а доходили до кода. Работает только в браузере Chrome и подходит тем, кто хочет внести точечные правки в свой сайт/лендиг (визуальная часть, подвинуть блок, заголовок картинку), а покупать Figma ради пару правок бессмысленно. Как это работает: Устанавливаешь репо в Cursor и запускаешь командой /visbug-mcp-start (он подскажет где найти VisBug) Открываешь свой проект на localhost (cursor подскажет) Двигаешь блоки, меняешь размеры в VisBug - как в Figma, но прямо в браузере Жмёшь «Скопировать правки» в расширении Вставляешь буфер в Cursor - агент сам правит HTML/CSS в исходниках Записывается реальный сдвиг, учитываются transition-анимации, конфликты Tailwind, привязка к элементам через data-visbug-id. Подходит для статичного HTML и Next.js.