Sobre o projeto
O Responsively App é um navegador web modificado construído com Electron, projetado para ajudar desenvolvedores a testar layouts responsivos de forma mais eficiente. O aplicativo está disponível para macOS, Windows e Linux, com opções de instalação incluindo Homebrew, Chocolatey, winget, pacotes RPM e versões AppImage.
Principais recursos incluem:
- Interações de usuário espelhadas em todas as prévias de dispositivos simultaneamente, replicando cliques, rolagens e digitação em todos os dispositivos visíveis.
- Layout de prévia personalizável, ajustável para diferentes necessidades de teste.
- Inspetor de elementos único que funciona em todos os dispositivos da prévia.
- Mais de 30 perfis de dispositivos integrados, com possibilidade de adicionar configurações personalizadas.
- Captura de screenshots com um clique em todos os dispositivos simultaneamente.
- Suporte a hot reloading para fluxos de desenvolvimento.
Uma extensão de navegador está disponível para Chrome, Firefox e Edge, permitindo que usuários enviem links do navegador regular diretamente para o Responsively App e visualizem instantaneamente.
O aplicativo inclui um servidor integrado do Model Context Protocol (MCP), permitindo que agentes de IA como Claude Code e Cursor controlem programaticamente o aplicativo. Com a integração MCP, os agentes podem carregar URLs nas prévias de dispositivos, alternar dispositivos ativos, capturar screenshots por dispositivo, ler conteúdo da página e elementos interativos, clicar em elementos (com interações espelhadas) e digitar texto em campos de formulário. O servidor MCP escuta na porta 12720 do localhost e inicia o aplicativo sob demanda ao primeiro chamado de ferramenta. A configuração pode ser feita via npx ou conectando-se diretamente ao endpoint de transporte HTTP.
O projeto é open source e aceita contribuições da comunidade, com um roadmap público e comunidade ativa no Discord.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.