Skisso
Расширение Chrome, в котором правку дизайна не описываешь агенту словами, а делаешь мышкой прямо на странице. Агенту уходит короткий список: какой элемент, какое свойство, что было и что стало. Бесплатно, без аккаунта.
Сами не запускали: описание по документации и репозиторию.
В цифрах
Что это
Кто собирал сайт вместе с Claude Code или Cursor, знает этот цикл: видишь, что кнопкам тесно, и пишешь абзац про «чуть больше воздуха между кнопками справа». Агент угадывает, не тот элемент, не та величина, ещё один круг. Skisso убирает перевод с картинки на слова: выделяешь элемент на живой странице, двигаешь отступы, меняешь цвет, шрифт или текст, пока не станет как надо, и одной клавишей копируешь изменения. Агент получает адрес элемента и пары «было → стало» в настоящем CSS, а файлы проекта по-прежнему правит он сам.
От Spline и других дизайн-инструментов в каталоге он отличается тем, что ничего не рисует с нуля: он работает поверх уже готового интерфейса, на localhost, тестовом или боевом сайте. Это мостик между браузером, где ты видишь результат, и терминалом, где работает агент. Через локальный MCP-сервер агент сам читает выделенное, а в панели расширения можно говорить с агентом прямо со страницы или превратить правки в задачу на GitHub.
Как устроено
claude mcp add --scope user skisso -- npx -y skisso mcp. Для Cursor, Windsurf, Cline и Claude Desktop тот же сервер прописывается в конфиге MCP.

Комментарии