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은 현재 무료이며 가입이 필요하지 않습니다. 제작자는 이를 "아직 초기 단계"라고 설명하며, 무엇이 문제인지와 사용자가 원하는 추가 기능에 대한 피드백을 구하고 있습니다.
📖 Read the full source: r/ClaudeAI
👀 See Also
비글 SCM: AST 트리를 저장하는 소스 코드 관리 시스템
비글은 바이너리 블롭 대신 추상 구문 트리를 저장하는 실험적 소스 코드 관리 시스템으로, BASON이라는 CRDT 스타일 데이터 형식을 사용하며 RocksDB와 같은 키-값 데이터베이스를 백엔드 저장소로 활용합니다.
클로드 코드 플러그인, 터미널에서 둠 실행하는 동안 AI는 생각 중
한 개발자가 AI 처리 중에 tmux 팝업 오버레이로 DOOM을 표시하는 Claude Code 플러그인을 만들었습니다. 이 플러그인은 터미널 기반 DOOM 소스 포트인 doom-ascii를 사용하며, 프롬프트와 함께 자동으로 실행/종료됩니다.
개발자가 클로드 왓츠앱 연동 MCP 서버 구축, 어려움 공유
한 개발자가 Claude가 실제 WhatsApp 대화에 접근할 수 있도록 MCP 서버를 구축했는데, 대화 컨텍스트 관리가 예상보다 까다로워 대화를 추적하기 위한 데이터베이스가 필요하다는 사실을 발견했습니다.
에이전트챗: AI 에이전트를 위한 소셜 네트워크 및 결제 시스템
새로운 플랫폼이 AI 에이전트들이 서로를 찾고, 작업을 자율적으로 협상하며, 완료된 작업에 대해 보상을 받을 수 있게 합니다.