Repolode
responsively-org

responsively-org/responsively-app

Настольный браузер на Electron для одновременной проверки сайтов в превью на разных устройствах с синхронизацией взаимодействий и MCP-сервером для AI-агентов.

Звёзды
25,424
Форки
1,418
Открытые issues
326
Последний коммит
18 дней назад

Что это?

Responsively App — настольный браузер на Electron для адаптивной веб-разработки. Он показывает сайт в окнах просмотра с разными размерами экрана рядом друг с другом, чтобы разработчики могли проверять, как ведёт себя макет на разных устройствах, не переключаясь между инструментами.

Прокрутка, щелчки и ввод текста синхронно повторяются во всех превью устройств, а встроенный инспектор элементов работает в каждом из них. В приложении есть более 30 профилей устройств, можно добавлять собственные устройства, делать скриншоты всех превью одновременно и использовать hot reloading при разработке.

Приложение доступно для Mac, Windows и Linux. Также есть расширение для Chrome, Firefox и Edge, которое отправляет ссылки в приложение. Кроме того, в приложение встроен MCP-сервер: AI-агенты для программирования, например Claude Code и Cursor, могут загружать страницы, переключать устройства, взаимодействовать с ними и делать скриншоты для каждого устройства.

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

  • 01Синхронно повторяет действия пользователя, например щелчки и ввод текста, во всех превью устройств.
  • 02Предлагает более 30 встроенных профилей устройств и позволяет добавлять собственные.
  • 03Предоставляет инспектор элементов, работающий во всех превью.
  • 04Позволяет одним щелчком сделать скриншоты всех устройств одновременно.
  • 05Поддерживает hot reloading для серверов разработки.
  • 06Включает MCP-сервер, с помощью которого AI-агенты для программирования могут управлять приложением.

Сценарии использования

  • Проверка отображения макета сайта на телефонах, планшетах и компьютерах во время фронтенд-разработки.
  • Проверка адаптивного дизайна по скриншотам для каждого устройства перед выпуском.
  • Предоставление AI-агенту для программирования возможности загрузить страницу и визуально проверить её адаптивный макет.

Быстрый старт

  1. 1

    Установите на macOS с помощью Homebrew

    brew install --cask responsively
  2. 2

    Установите на Windows с помощью Chocolatey

    choco install responsively
  3. 3

    Или скачайте приложение с responsively.app или со страницы релизов

Что важно знать

  • Доступно только как приложение для компьютера; есть установщики для Mac, Windows и Linux.
  • Распространяется по лицензии AGPL-3.0 — строгой лицензии с копилефтом, требующей публиковать изменённый исходный код.

Темы

Частые вопросы

Что такое responsively-app?
Настольный браузер на Electron для одновременной проверки сайтов в превью на разных устройствах с синхронизацией взаимодействий и MCP-сервером для AI-агентов. Responsively App — настольный браузер на Electron для адаптивной веб-разработки. Он показывает сайт в окнах просмотра с разными размерами экрана рядом друг с другом, чтобы разработчики могли проверять, как ведёт себя макет на разных устройствах, не переключаясь между инструментами.
responsively-app можно использовать бесплатно? Какая у него лицензия?
responsively-app распространяется с открытым исходным кодом под лицензией AGPL-3.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
responsively-app всё ещё поддерживается?
Активно поддерживается. Последний коммит в responsively-app — 3 окт. 2026 г..
Для чего можно использовать responsively-app?
Проверка отображения макета сайта на телефонах, планшетах и компьютерах во время фронтенд-разработки. Проверка адаптивного дизайна по скриншотам для каждого устройства перед выпуском. Предоставление AI-агенту для программирования возможности загрузить страницу и визуально проверить её адаптивный макет.
Как установить responsively-app?
Установите на macOS с помощью Homebrew: brew install --cask responsively Установите на Windows с помощью Chocolatey: choco install responsively Или скачайте приложение с responsively.app или со страницы релизов
Где скачать responsively-app?
Исходный код и инструкции по установке — на GitHub: https://github.com/responsively-org/responsively-app

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Бесплатное приложение Cowork с открытым исходным кодом: встроенный AI-агент работает на компьютере, а несколько CLI-агентов, например Claude Code и Codex, можно запускать вместе.

33,7 тыс.3,5 тыс.TypeScriptApache-2.0Обновлён позавчера

Бесплатное open-source приложение для компьютера, где AI-агенты работают с локальными файлами; создано на базе OpenCode и поддерживает любые провайдеры моделей и локальные модели Ollama.

24,2 тыс.2,5 тыс.TypeScriptOtherОбновлён 2 часа назад