Claude Artifact를
외부 링크로 공유하는 법
Claude가 만든 Artifact — 인터랙티브 대시보드, 계산기, 랜딩 페이지 — 를 다른 사람에게 보여주고 싶을 때 기본 "Share" 버튼을 누르면 문제가 생긴다. 수신자에게도 Claude 계정이 있어야 열린다. 클라이언트에게, 팀원에게, 고객에게 보낼 수 없다는 뜻이다.
해결책은 Artifact의 HTML 코드를 html.to로 넘기는 것이다. html.to 공유 링크는 계정이나 설치 없이 모든 브라우저에서 열린다.
공유 방법 비교
| 방법 | 수신자 계정 | 모바일 | JS 동작 |
|---|---|---|---|
| Claude 기본 Share | 필요 | 됨 | 됨 |
| HTML 파일 첨부 | 불필요 | 불안정 | 됨 |
| html.to 공유 링크 | 불필요 | 됨 | 됨 |
Artifact → html.to 링크 4단계
- Artifact 패널 우측 상단
⋮메뉴 클릭 — "Copy code"를 선택하면 전체 HTML이 클립보드에 복사된다. - html.to 접속 및 붙여넣기 —
htmlto.puzl.co.kr을 열고 코드 영역에 붙여넣는다. 렌더링 결과가 바로 나타난다. - SHARE 버튼 클릭 — 공유 링크가 생성되고 클립보드에 복사된다.
- 링크 전달 — 슬랙, 이메일, 카카오톡 어디든. 받는 사람은 클릭 한 번으로 확인한다.
자주 묻는 질문
Claude Artifact를 계정 없이 공유할 수 있나요?
Claude의 기본 공유 기능은 수신자도 Claude 계정이 필요하다. html.to 링크는 계정 없이 어떤 브라우저에서도 열린다.
JavaScript가 포함된 Artifact도 작동하나요?
작동한다. html.to는 JavaScript가 포함된 인터랙티브 Artifact를 iframe 방식으로 렌더링하므로 버튼 클릭, 폼, 애니메이션 등이 공유 링크에서도 그대로 작동한다.
React나 Vue로 작성된 Artifact는 어떻게 되나요?
Claude Artifacts는 기본적으로 단일 HTML 파일로 제공되므로 빌드 과정 없이 html.to에서 바로 렌더링된다. 단, CDN 의존성이 누락된 경우 일부 기능이 동작하지 않을 수 있다.
Claude Artifact 바로 공유하기 →Share Claude Artifacts
with Anyone via Link
Claude Artifacts — interactive dashboards, calculators, landing pages — are great until you try to share them externally. Claude's native "Share" button requires the recipient to have a Claude account. If you're sharing with a client or a team member who doesn't use Claude, that's a dead end.
The fix: copy the Artifact HTML and route it through html.to. The resulting link opens in any browser with no account required.
Sharing methods compared
| Method | Recipient account | Mobile | JavaScript |
|---|---|---|---|
| Claude native Share | Required | Works | Works |
| HTML file attachment | Not needed | Inconsistent | Works |
| html.to share link | Not needed | Works | Works |
Extract Artifact HTML → Create link (4 steps)
- Click
⋮in the Artifact panel — Select "Copy code" to copy the full HTML to your clipboard. - Paste into html.to — Open
htmlto.puzl.co.krand paste. The rendered result appears immediately. - Click SHARE — A shareable link is generated and automatically copied to your clipboard.
- Send the link — Slack, email, anywhere. The recipient clicks and sees the result in their browser.
FAQ
Do Claude Artifacts require an account to view?
Claude's native share links require the recipient to have a Claude account. html.to share links remove this restriction — anyone with the link can view the artifact in any browser.
Does JavaScript work in the shared Artifact?
Yes. html.to renders interactive Artifacts via iframe, so buttons, forms, animations, and other dynamic elements all work in the share link.
What about React or Vue Artifacts?
Claude Artifacts are delivered as self-contained HTML files, so no build step is needed. They render directly in html.to. If a CDN dependency is missing from the code, some features may not work.
Share a Claude Artifact now →