responsively-app

Responsively App est un navigateur modifié construit avec Electron, conçu pour aider les développeurs web à tester plus efficacement les layouts responsifs. L'application est disponible sous macOS, Windows et Linux, avec plusieurs options d'installation : Homebrew, Chocolatey, winget, paquets RPM et AppImage. Les fonctionnalités principales incluent : - La réplication simultanée des interactions utilisateur (clics, défilements, saisies) sur tous les appareils prévisualisés. - Un agencement de prévisualisation personnalisable pour s'adapter à différents besoins de test. - Un inspecteur d'éléments unique fonctionnant sur tous les appareils en même temps. - Plus de 30 profils d'appareils intégrés, avec la possibilité d'ajouter des configurations personnalisées. - Capture d'écran unique en un clic sur tous les appareils. - Prise en charge du hot reloading pour les workflows de développement. Une extension de navigateur est disponible pour Chrome, Firefox et Edge, permettant d'envoyer directement des liens depuis le navigateur habituel vers Responsively App pour une prévisualisation instantanée. L'application intègre un serveur Model Context Protocol (MCP) qui permet à des agents de codage IA comme Claude Code et Cursor de contrôler programmatically l'application. Grâce à cette intégration, les agents peuvent charger des URL sur les prévisualisations, basculer entre les appareils actifs, capturer des captures d'écran par appareil, lire le contenu et les éléments interactifs, cliquer sur des éléments (avec réplication des interactions) et saisir du texte dans des formulaires. Le serveur MCP écoute sur le port localhost 12720 et démarre automatiquement l'application à la première requête d'outil. La configuration peut être effectuée via npx ou en se connectant directement à l'endpoint HTTP. Le projet est open source, accepte les contributions de la communauté, dispose d'une feuille de route publique et d'une communauté active sur Discord.