프로젝트 소개

Responsively App은 웹 개발자가 반응형 레이아웃을 보다 효율적으로 테스트할 수 있도록 Electron을 사용하여 구축된 수정된 웹 브라우저입니다. 이 앱은 macOS, Windows, Linux에서 사용할 수 있으며, Homebrew, Chocolatey, winget, RPM 패키지, AppImage 릴리스를 통해 설치할 수 있습니다. 핵심 기능은 다음과 같습니다: - 모든 기기 미리보기에서 사용자 상호작용을 동시에 미러링하여, 클릭, 스크롤, 타이핑이 모든 표시된 기기에 복제됩니다. - 다양한 테스트 요구에 맞게 조정할 수 있는 사용자 정의 가능한 미리보기 레이아웃. - 미리보기의 모든 기기에서 작동하는 단일 요소 검사기. - 30개 이상의 내장 기기 프로필과 사용자 정의 기기 구성을 추가할 수 있는 기능. - 모든 기기에서 동시에 원클릭으로 스크린샷을 캡처할 수 있습니다. - 개발 워크플로우를 위한 핫 리로딩 지원. Chrome, Firefox, Edge용 브라우저 확장 프로그램이 제공되어, 일반 브라우저에서 링크를 Responsively App으로 직접 보내 즉시 미리볼 수 있습니다. 이 앱에는 Claude Code 및 Cursor와 같은 AI 코딩 에이전트가 애플리케이션을 프로그래밍 방식으로 제어할 수 있도록 하는 Model Context Protocol(MCP) 서버가 내장되어 있습니다. MCP 통합을 통해 에이전트는 기기 미리보기에서 URL을 로드하고, 활성 기기를 전환하고, 기기별 스크린샷을 캡처하고, 페이지 콘텐츠와 대화형 요소를 읽고, 요소를 클릭(미러링된 상호작용 포함)하고, 폼 필드에 텍스트를 입력할 수 있습니다. MCP 서버는 localhost 포트 12720에서 수신 대기하며, 첫 번째 도구 호출이 이루어지면 앱을 실행합니다. 구성은 npx을 통해 또는 HTTP 전송 엔드포인트에 직접 연결하여 수행할 수 있습니다. 이 프로젝트는 오픈 소스이며 커뮤니티 기여를 환영하며, 공개 로드맵과 활발한 Discord 커뮤니티를 보유하고 있습니다.