Claude 아티팩트 공유가 안 될 때 — 로그인 없이 열리는 링크 만들기

Claude한테 랜딩페이지나 계산기, 보고서를 만들어달라고 하면 화면 오른쪽에 결과물이 떠요. 이게 아티팩트(Artifact) 예요. 만드는 것까지는 정말 쉬운데, 일이 꼬이는 건 이걸 밖으로 보내는 순간부터예요.

게시 링크가 있긴 한데

저도 처음엔 Claude의 게시(publish) 기능으로 링크를 만들어 보냈어요. 먼저 돌아온 답장이 "이거 로그인하라는데?"였고요. 실제로 써보면 걸리는 데가 몇 군데 있어요.

• 회사·조직 계정은 게시가 막혀 있는 경우가 많아요. 관리자가 외부 공유를 꺼두면 게시 버튼 자체가 안 보여요.
• 링크를 연 사람한테 Claude 가입을 권하는 화면이 같이 떠요. 고객이나 외부 파트너에게 보낸 링크라면 신경 쓰이죠.
• 주소가 claude.ai/...로 고정돼요. 내가 만든 결과물인데 주소는 내 것이 아니에요.

만드는 데 5분, 보내는 데 반나절. 아티팩트를 일에 써본 사람이라면 다 겪는 마지막 관문이에요.

해결은 의외로 단순해요 — 코드를 복사하면 됩니다

아티팩트의 실체는 대부분 HTML 문서 한 장이에요. 그러니 코드만 꺼내면 어디든 올릴 수 있어요.

1. 아티팩트 오른쪽 위에서 코드 보기 → 복사를 눌러요.
2. 1page.run 에디터에 붙여넣어요. 로그인은 안 해도 돼요.
3. 발행을 누르면 1page.run/page/… 링크가 나와요. 끝이에요.

이 링크는 받은 사람이 브라우저에서 그냥 열어요. 앱도 계정도 필요 없어요. 카톡·슬랙·메일 어디에 보내도 미리보기 카드가 붙고, 내용을 고치면 같은 주소에서 갱신되니까 "아까 링크 말고 이걸로 봐주세요"를 할 일도 없어요.

React 아티팩트라면 프롬프트 한 줄 추가

아티팩트 중에는 HTML이 아니라 React 컴포넌트로 나오는 것도 있어요. 이건 코드를 복사해도 단독으로 안 열리는데, 애초에 Claude한테 이렇게 부탁하면 돼요.

이 결과물을 외부 라이브러리 없이 단일 HTML 파일로 만들어줘. CSS와 스크립트는 전부 인라인으로.

이렇게 받은 HTML은 그대로 붙여넣어 발행할 수 있어요.

정리

방법	상대방 조건	주소	수정 반영
아티팩트 게시	환경 따라 제한	claude.ai 고정	재게시 필요
HTML 복사 → 1page.run	없음 (브라우저만)	내 페이지 주소	같은 주소 유지

만든 걸 보여주는 데 30초면 충분해요. 지금 붙여넣어 보세요. 다른 사람들이 어떻게 쓰는지 궁금하다면 활용 예시에 실제 페이지들이 있어요.

자주 묻는 질문

아티팩트 게시 기능이 있는데 왜 복사해서 올리나요?

조직·회사 계정은 게시가 막혀 있는 경우가 많고, 게시 링크는 받는 사람에게 Claude 가입 화면을 노출하거나 주소가 claude.ai로 고정돼요. HTML을 복사해 발행하면 이런 제약 없이 내 주소로 공유할 수 있어요.

React로 만들어진 아티팩트도 되나요?

돼요. Claude에게 "외부 라이브러리 없이 CSS·스크립트를 인라인한 단일 HTML 파일로 만들어줘"라고 요청한 뒤, 받은 HTML을 그대로 붙여넣어 발행하면 돼요.

내용을 수정하면 링크를 다시 보내야 하나요?

아니요. 같은 주소에서 내용이 갱신되니까 이미 보낸 링크가 최신 내용을 보여줘요.