PopUI - Claude Desktop을 위한 협업 UX

개요

PopUI는 Claude Desktop에 새로운 도구를 제공하는 macOS용 데스크톱 앱입니다.

Claude의 사용자 인터페이스 제작 능력을 활용하여 PopUI는 시각적 맥락에 대한 양방향 브리지를 만듭니다.

• Claude는 사용자 인터페이스(아티팩트와 유사)를 생성하고 자동으로 표시합니다.
• Claude는 UI에서 변경된 내용을 읽고 UI를 시각적 컨텍스트로 사용할 수 있습니다.
• Claude는 UI에 변경 사항을 푸시하여 사용자를 위해 시각적으로 업데이트할 수도 있습니다.
• UI는 루프에서 키보드 입력이 필요 없도록 이벤트와 텍스트를 채팅으로 다시 보낼 수 있습니다.

협업 UX

이게 아티팩트와 어떻게 다릅니까?

PopUI는 상호작용 루프를 닫습니다. Claude Artifacts는 상호작용 UI 요소를 생성할 수 있지만, 해당 요소에서 발생하는 모든 이벤트나 변경 사항은 채팅 대화 외부에 저장됩니다. PopUI를 통해 Claude는 외부 상태를 조사하고 조작할 수 있는 도구를 활용하여 공유된 컨텍스트를 기반으로 추가적인 대화를 구축할 수 있습니다.

실시간 시각적 맥락

PopUI는 또한 Claude와 사용자에게 시각적 맥락을 수신하고 조작할 수 있는 기능을 제공합니다.

몇 가지 예:

• 채팅에서 값을 조정하고 개선하기 위한 제어판을 즉시 구축합니다.
• 색상 선택기와 견본을 사용하여 클로드와 색상에 대해 이야기해 보세요.
• Claude와 물리적 레이아웃에 대해 이야기하세요
• 공유 게임보드에서 Claude와 턴 기반 게임을 플레이하세요
• 실시간 벽시계로 클로드에게 시간 감각을 선사하세요
• 채팅 중에 감정을 표현하기 위해 Claude에게 문자 그대로의 얼굴을 제공하세요.

설치

최신 릴리스를 다운로드하고 앱을 실행하세요.

Claude Desktop에 대한 자동 SSE 프록시

PopUI는 Claude용 MCP 게이트웨이를 포함하여 모든 종속성을 제공합니다! PopUI를 처음 실행하면 Claude Desktop에 설치하라는 메시지가 표시됩니다. 설치가 완료되면 Claude Desktop에서 PopUI를 실행하고 자동으로 MCP 서버로 연결됩니다.

생성된 모든 사용자 인터페이스에 설정 창이나 메뉴바 아이콘을 통해 접근할 수 있습니다.

후원 및 협력

PopUI는 제가 참여한 MCP 해커톤 참가작이었습니다.

만약 제 글이 마음에 드신다면, 후원이나 일자리를 통해 저를 지원해 주시기 바랍니다.

제 Apple 개발자 멤버십 비용은 1년에 100달러예요 💸 아, 공동 설계라니...

협업에 관심이 있으시다면 저를 후원해 주시거나 LinkedIn에서 저와 소통해 주세요 !

⭐별점⭐은 언제나 감사히 받겠습니다!