stagewise

При работе с AI-инструментами для фронтенд-разработки, такими как Cursor или Windsurf, иногда бывает неудобно менять стили UI-интерфейса — необходимо вручную указывать AI точные сведения о расположении элементов.

Рекомендуем попробовать Stagewise — это open-source инструмент, который предоставляет браузерное расширение, позволяющее напрямую выбирать элементы на веб-странице и добавлять к ним комментарии.

Инструмент помогает делать скриншоты элементов, извлекать DOM-структуру и другую важную информацию, которую затем можно отправить в Cursor и другие AI-ассистенты для дальнейшей обработки.

Ключевые возможности:

🟡Выбор любых UI-элементов прямо в браузере и отправка их AI-ассистенту;
🟡Автоматическая интеграция с расширением VS Code без дополнительной настройки;
🟡Поддержка популярных фронтенд-фреймворков: React, Vue, Next.js, SvelteKit и др.;
🟡Расширяемость через систему пользовательских плагинов;
🟡Передача DOM-элементов, скриншотов и метаданных AI-агентам;
🟡Не влияет на финальный размер сборки, работает только в режиме разработки.

Если вы фронтенд-разработчик и используете AI-инструменты вроде Cursor — стоит попробовать этот инструмент в связке

📁 Language: #TypeScript (96.5%)

⭐️ Stars: 904

➡️ Cсылка на GitHub

📱 @git_developer