HostMyClaudeHTML: 클로드 HTML 아티팩트를 위한 원클릭 공유

한 개발자가 hostmyclaudehtml.com을 만들었습니다. 이 웹 도구는 Claude AI가 생성한 HTML 아티팩트를 라이브로 접근 가능한 URL로 공유할 수 있는 간단한 방법을 제공합니다.

기능

이 사이트는 Claude에서 생성된 모든 HTML 아티팩트를 공유할 수 있게 해줍니다. 과정은 다음과 같습니다: Claude에서 .html 파일을 다운로드하고, 사이트에 드래그 앤 드롭하면, 즉시 누구에게나 보낼 수 있는 링크가 생성됩니다. 이 도구는 무료이며, 파일을 업로드하는 사람이나 파일을 보는 사람 모두 가입이 필요하지 않습니다.

해결하는 문제

Claude는 대시보드, 시각화 자료, 대화형 도구와 같은 HTML 아티팩트를 생성하지만, 이를 공유하는 데에는 번거로움이 있습니다. 기존 옵션은 다음과 같습니다: GitHub Pages나 Netlify를 설정하거나, 원시 .html 파일을 보내고 로컬에서 어떻게 열어야 하는지 설명하거나, Claude의 내장된 Publish 기능을 사용하는 것입니다. 이 기능은 뷰어가 완전한 접근을 위해 Claude 계정을 필요로 합니다. 이 도구는 더 간단한 흐름을 목표로 합니다: Claude → 다운로드 → 파일 드롭 → 링크 전송.

제작 과정

개발자는 Claude와 "바이브 코딩"으로 전체 프론트엔드를 만들었습니다. 그들은 원하는 사용자 경험—최소한의 드래그 앤 드롭 인터페이스, 즉시 URL 생성, 최근 업로드 기록—을 설명하고 대화를 통해 디자인과 로직을 반복적으로 개선했습니다. Claude는 또한 랜딩 페이지 문구와 메타 태그 작성에도 도움을 주었습니다.

기술적 세부사항

이 사이트는 일반적인 Claude 아티팩트 형식과 일치하는 단일 페이지 HTML 파일에 최적화되어 있습니다. 개발자는 커뮤니티로부터 피드백과 기능 아이디어를 구하고 있습니다.