Claude 채팅에서 HTML을 공개하는 방법
Claude is brilliant at building single-file websites — landing pages, presentations, little games — but Anthropic doesn't host them. Your page lives in an Artifact inside claude.ai, and the people you want to show it to don't have your chat. Here's how to move it from the chat to a real, shareable web address in about half a minute.
- 01
Open the Artifact
Your page appears in Claude's side panel as an Artifact with a live preview. Click it so the preview panel is open, then switch to the code view if you want to peek at the HTML.
- 02
Copy or download the code
Use the copy icon at the bottom of the Artifact panel, or the download button to save the file straight to your computer. Either way you now have the full HTML.
- 03
index.html로 저장
코드를 텍스트 편집기(메모장, TextEdit, VS Code 등)에 붙여넣고 index.html이라는 이름으로 저장하세요. 이 이름이 중요합니다 — 브라우저가 홈페이지로 취급하는 파일명이기 때문입니다.
- 04
아래 상자에 드롭
index.html(또는 폴더 전체)을 이 페이지의 업로드 상자에 드래그하고 공개 버튼을 누르세요. 사이트에 전용 웹 주소가 즉시 부여됩니다.
- 05
링크 공유
이게 전부입니다 — URL을 누구에게든 보내세요. 사이트 이름 변경, 파일 업데이트, 삭제는 언제든 대시보드에서 할 수 있습니다.
Claude의 HTML을 여기에 드롭하세요
파일 하나든 폴더 전체든 — 공개되는 순간 실제 링크를 받습니다.
웹사이트를 여기로 드래그하세요
index.html가 들어 있는 폴더나 ZIP 파일을 드롭하거나, 클립보드에서 HTML을 붙여넣기만 하면 몇 초 만에 온라인에 올려드립니다. 설정도, 준비도, 골치 아픈 일도 없습니다.
또는 Claude이 대신 공개하게 하세요
복사하는 수고를 아예 건너뛰세요. 준비된 지시문을 복사해 Claude 대화에 붙여넣으면 API를 통해 사이트를 업로드해줍니다 — 실제 링크와, 소유권을 가져올 수 있는 비공개 소유권 등록 링크를 받게 됩니다.
대신 터미널에서 작업 중이신가요? npx harvis 실행 — 계정이 필요 없습니다.
Claude 공개 관련 질문
Claude gives me a share link for Artifacts — isn't that enough?
A published Artifact link opens inside claude.ai with Claude branding around it, and viewers may be asked to sign in. Publishing here gives you a plain website on its own address that anyone can open in any browser — no account, no chrome around your page.
What if I'm using Claude Code in the terminal?
Then your files are already on disk — even easier. Run npx harvis inside the project folder and it deploys everything, or paste our AI instructions into Claude Code and it will publish the site for you through our API.
Claude에서 HTML을 공개하는 가장 쉬운 방법은?
세 가지 방법이 있습니다. 가장 쉬운 방법: Claude에서 HTML을 복사해 이 페이지의 상자에 붙여넣으세요 — 즉시 실제 사이트가 됩니다. 손 안 대는 방법: AI 지시문을 복사해 Claude 대화에 붙여넣으면 저희 API를 통해 대신 공개해줍니다. 터미널 방법: 사이트 폴더에서 npx harvis를 실행하면 명령어 하나로 배포됩니다.
공개하려면 계정이 필요한가요?
이 페이지에서 공개하려면 무료 계정이 필요합니다. 사이트가 대시보드에 자리를 잡기 때문이죠. 가입하고 싶지 않으신가요? 터미널에서 npx harvis를 실행하세요 — 계정 없이 배포되며 나중에 쓸 수 있는 비공개 소유권 등록 링크를 받습니다.
Claude이 파일을 여러 개 줬다면?
모든 파일을 폴더 하나에 모으세요 — 최상단에 index.html, 그리고 참조하는 CSS, JavaScript, 이미지까지 — 그런 다음 폴더 전체를 상자로 드래그하세요. 사이트당 최대 500개 파일, 50MB까지 가능합니다.
비용은 얼마이고, 사이트는 얼마나 오래 유지되나요?
무료이며, 공개된 사이트는 만료되지 않습니다 — 대시보드에서 삭제하기 전까지 계속 유지됩니다. 언제든 다시 업로드해도 링크는 그대로입니다.
다른 AI 채팅을 사용하시나요?
방법은 어디서나 거의 동일합니다 — 사용하는 도구를 선택해 정확한 단계를 확인하세요.