🎨 ИИ ТЕПЕРЬ ВИДИТ КАРАКУЛИ Раньше интерфейс приходилось объяснять в пикселях и длинных промптах. Теперь можно просто обвести кнопку, нарисовать стрелку и сказать: «исправь». 🧠 ЧТО ЭТО? • 🖍 Правка начинается с выделения В Cursor можно кликнуть по кнопке, картинке или блоку и нарисовать поверх страницы стрелку, круг или каракули.

• 🎯 Агент понимает выбранный элемент Он получает селектор, DOM-структуру, CSS-свойства и вычисленные стили. Не просто смотрит на картинку, а находит код за ней.

• 🧩 Можно выделить несколько объектов Если проблема связана сразу с несколькими элементами, их можно выбрать вместе и описать одну общую правку.

• 🗣 Команды можно надиктовать Не хочется печатать? Изменения можно продиктовать голосом прямо во время рисования.

• ⚡ Новые задачи не ждут очереди Пока агент выполняет одну правку, ему уже можно отправить следующую заметку. 🔥 ВОТ В ЧЁМ ФИШКА! ▸ Визуальную мысль больше не нужно переводить в пиксели Вместо «сдвинь блок на 4 пикселя» достаточно показать пальцем: «вот здесь криво». Меньше шансов потерять смысл по дороге 🖍

▸ Цикл правок становится короче Раньше нужно было написать промпт, дождаться результата и снова объяснять ошибку. Теперь схема проще: выделил, нарисовал, получил изменение ⚡

▸ Это не просто скриншот Агент видит аннотацию вместе с метаданными элемента. В React, Vue и Svelte он также получает имя компонента и стек вызовов 🧠

▸ Мелкие правки можно отдавать агенту Дизайнер или продакт может сам показать нужное место и поправить отступ, цвет или стиль. Фронтенд меньше отвлекается на борьбу с margin-top 🎨

▸ У функции есть вполне земные границы Она работает только во встроенном браузере Cursor Agents Window и требует Cursor версии 3.24.18 или новее. Магия пока не выехала за пределы одной комнаты 🚪 💼 РЕАЛЬНЫЕ СЦЕНАРИИ ▸ Быстро поправить лендинг Потенциальный сценарий: дизайнер обводит кнопку, рисует стрелку и просит сделать её заметнее. Агент меняет код, а результат появляется после hot-reload ✨

▸ Проверить идею прямо на экране Потенциальный сценарий: продакт выделяет блок и просит изменить его цвет или отступ. Не нужно сначала составлять длинное техническое описание 🧪

▸ Найти источник странного стиля Если элемент выглядит неправильно, агент может использовать его селектор, CSS и данные компонента, чтобы добраться до места в проекте 🔎

▸ Поправить связанные элементы одним запросом Можно выбрать несколько объектов сразу и описать, как они должны работать вместе. Это удобно для блоков, где одна правка тянет за собой другую 🔗

▸ Начать нужно с правильного режима Откройте встроенный браузер Cursor Agents Window и включите Annotate через Cmd+Shift+D на macOS или Ctrl+Shift+D на Windows. Иначе кисть будет, а холста — нет 🖥 🔹🔹🔹🔹🔹🔹 🏆 Хочешь ТГ КАНАЛ, который сам наполняется контентом? 📈 Получи его на Практикуме! 🤖 У нас тут огромная библиотека Промтов и Скиллов #новости #news #нейросети #ии

В этом посте были ссылки, но мы их удалили по правилам Сетки