Двигаете слайдер padding в браузере — Claude Code правит ваш код

Если вы регулярно объясняете Cursor словами, на сколько пикселей уменьшить отступ у кнопки, — Мэтт Перри (автор Motion, бывшего Framer Motion) сделал инструмент, который делает это руками. За вас.

CSS Studio — npm-пакет, который встраивается в вашу dev-сборку и вешает в углу страницы WYSIWYG-панель. Вы тянете за точки, двигаете ползунки, правите анимации. В этот момент локальный MCP-сервер шлёт JSON-патч в Claude Code или Cursor — и агент дописывает реальные файлы проекта. Tailwind? Поправит классы. CSS-in-JS? Отредактирует объект стилей. Обычный стайлшит? Дотянется до селектора. Вы рисуете — агент кодирует.

Цена кусается: $99 за место, и на HN уже обсуждают, нормально ли это для инструмента, который нельзя купить из России без зарубежной карты. Зато живое демо на cssstudio.ai доступно без регистрации — попробовать можно прямо поверх лендинга.

@your_tech (теперь ещё в VK и Max)