gui.new: Claude가 시각적 출력을 공유 가능한 링크로 렌더링하는 도구

gui.new의 기능

gui.new은 특정 워크플로우 문제를 해결합니다: Claude에게 대시보드, 차트, UI 목업과 같은 시각적 요소를 만들어 달라고 요청할 때, 일반적으로 코드 블록을 반환하여 복사하고 HTML 파일로 저장한 후 브라우저에서 열어야 합니다. gui.new은 Claude가 대화에서 직접 시각적 출력을 실시간 공유 가능한 링크로 렌더링하게 함으로써 이 단계를 제거합니다.

작동 방식

Claude와 함께 gui.new을 사용하려면 대화에 다음 줄을 붙여넣으세요:

https://gui.new/docs/llms.txt를 읽고 - gui.new을 사용하여 모든 시각적 출력을 공유 가능한 링크로 렌더링하세요. 일반적으로 표, 차트, 대시보드 또는 UI 목업을 보여줄 때마다 이를 적용하세요.

이 지시사항을 붙여넣은 후, Claude에게 시각적 요소를 요청하면 코드 블록 대신 완전히 렌더링된 페이지로 이동하는 클릭 가능한 링크를 받게 됩니다. 이 링크는 누구와도 공유할 수 있습니다.

기술적 구현

이 도구는 주로 Claude로 구축되었습니다: Claude Code는 코드베이스에 사용되었고, 일반 Claude는 API 설계와 아키텍처 반복에 사용되었습니다. 구현은 Vercel에 배포된 Next.js 애플리케이션이며, Supabase가 저장소와 실시간 동기화를 처리합니다.

현재 상태

gui.new은 현재 무료이며 가입이 필요하지 않습니다. 제작자는 이를 "아직 초기 단계"라고 설명하며, 무엇이 문제인지와 사용자가 원하는 추가 기능에 대한 피드백을 구하고 있습니다.