Claude 아티팩트를 웹사이트로 호스팅

채팅 밖으로 꺼낸 아티팩트에 내가 정하는 주소를 붙입니다

⭐️ 사용자 200만 명 이상
무료로 시작 · 카드 등록 없음 · Salesforce, Airbnb, JLL, Nestlé 팀이 사용

Claude 밖에서도 열리는 아티팩트

Claude의 ‘게시’ 버튼이 만드는 것은 Claude 사이트 안의 공유 링크입니다. 결과를 잠깐 보여 주기에는 편하지만, 페이지는 Claude 화면 안에 머물고 비밀번호나 자체 도메인은 붙지 않습니다. Tiiny Host에 올린 아티팩트는 평범한 웹사이트가 됩니다. HTML 파일을 직접 올려도 되고, Claude에 커넥터를 추가해 게시를 맡길 수도 있습니다. 이렇게 받은 링크는 이메일이나 발표 자료에 넣습니다.

Claude 밖에서도 열리는 아티팩트

아티팩트를 공개하는 세 단계

1. 아티팩트 올리기

1. 아티팩트 올리기

아티팩트를 HTML 파일로 내려받거나 Claude에 독립 실행되는 index.html 하나를 요청한 다음, Tiiny Host에 끌어다 놓습니다.

2. 주소 이름 짓기

2. 주소 이름 짓기

roi-calculator.tiiny.site처럼 만든 것에 맞춰 이름을 짓거나, 연결해 둔 도메인을 고릅니다.

3. 게시

3. 게시

링크를 가진 사람 누구에게나 아티팩트가 전체 화면으로 열립니다. Claude를 써 본 적 없는 사람도 볼 수 있습니다.

기능

공유 링크에 더하는 기능

🔌 채팅에서 바로 게시

커넥터로 연결된 Claude는 채팅 안에서 아티팩트를 올리고 공개 링크를 알려 줍니다.

🌐 내 도메인

처음에는 무료 tiiny.site 주소로 시작하고, Solo 이상에서 내 도메인으로 옮깁니다.

🔒 비밀번호 보호

고객용 대시보드나 사내 도구에 비밀번호를 걸어 공유합니다. Solo 요금제부터 씁니다.

📊 열어 본 사람 확인

유료 요금제의 통계 화면에 방문 수와 유입 경로가 나타납니다.

🔄 같은 링크, 새 버전

다시 게시한 수정본은 이미 공유한 링크에 반영됩니다.

💬 페이지 위 피드백

검토자는 가입하지 않고 아티팩트 위에 댓글을 답니다. 피드백 모드는 Tiny 요금제부터입니다.

비교

Claude 게시 링크와 Tiiny Host

빠르게 공유할 때는 Claude 안에서 게시하는 방법이 편합니다. 아티팩트를 실제 웹사이트처럼 쓰려면 아래 항목이 달라집니다.

⚡ Tiiny Host
Claude 게시 링크
자체 도메인
내 도메인이나 무료 tiiny.site 주소에서 SSL과 함께 아티팩트를 엽니다.
✓ 가능
Claude 주소만
비밀번호 보호
페이지를 비밀번호로 잠그고, 비밀번호는 링크와 별도로 알려 줍니다.
✓ 가능
링크가 있으면 누구나
방문 통계
유료 요금제에서 호스팅하는 페이지마다 방문 수와 유입 경로를 봅니다.
✓ 가능
제공 안 함
온전한 페이지
방문자는 채팅 화면이나 Claude 브랜딩 없이 페이지 자체로 들어옵니다.
✓ 가능
Claude 화면 안
여러 파일로 된 사이트
여러 페이지와 이미지를 담은 ZIP이 하나의 웹사이트로 작동합니다.
✓ 가능
아티팩트 하나
프롬프트 없이 수정
오타는 브라우저의 코드·비주얼 에디터에서 직접 고칩니다(Solo).
✓ 가능
Claude 대화로
검토자 댓글
피드백 모드에서 고객이 라이브 페이지에 댓글을 남깁니다.
✓ 가능
제공 안 함
함께 쓰는 도구 ChatGPTGemini뤼튼CursorCodexLovable
요금제

무료로 시작, 도메인이 필요할 때 업그레이드

무료 요금제에서 아티팩트 하나를 계속 공개해 둘 수 있습니다. 단, 계정에는 석 달에 한 번 이상 로그인합니다. 내 도메인이나 비밀번호가 필요해지면 유료 요금제로 옮깁니다.

무료
$0/월, 기간 제한 없음
  • ✓ 사이트 1개 게시
  • ✓ HTML·ZIP 파일 최대 3MB
  • ✓ 월 방문 5,000회, 트래픽 5GB
  • ✓ SSL이 적용된 무료 주소 myname.tiiny.site
  • ✓ 커넥터로 Claude 채팅에서 게시
  • – 작은 Tiiny Host 배너 표시
더 필요할 때 업그레이드
$5부터/월, 연간 결제 시
약 6,800원부터 / 월
  • Tiny $5 약 6,800원 · 배너 제거, 최대 25MB 업로드, 방문 통계, QR 코드, 피드백 모드
  • Solo $13 약 17,600원 · 사이트 5개, 자체 도메인, 비밀번호 보호, 코드·비주얼 에디터, API
  • Pro $31 약 42,000원 · 사이트 15개, 이메일 수집, 팀원 추가, 우선 지원
  • Pro Max $74 약 100,300원 · 사이트 무제한, 저장 공간 2TB
전체 요금제 보기 → ⭐️ 7일 이내 환불 보장

원화 금액은 2026년 9월 28일 환율(1달러 ≈ 1,356원)로 계산한 월 요금 어림값입니다. 실제 청구 금액은 결제 화면에서 확인하세요.

요금제별 저장 공간과 업로드 크기

파일 하나당 업로드 한도
무료
3MB
HTML, ZIP 등 모든 파일
Tiny · $5
25MB
프로젝트당
Solo · $13
75MB
프로젝트당
Pro · $31
10GB
계정 전체
Pro Max · $74
2TB
계정 전체

Claude 아티팩트는 대부분 1MB가 안 되는 HTML 파일 하나라서, 크기 때문에 업그레이드하는 일은 드뭅니다. 이미지가 든 여러 페이지 사이트나 월 5,000회를 넘는 방문이 더 흔한 이유입니다.

AI 에이전트 지원

Claude를 떠나지 않고 게시

Tiiny Host 커넥터는 Claude 앱과 Claude Code에서 작동하며, 무료 요금제를 포함한 모든 요금제에 들어 있습니다. 직접 만든 워크플로라면 REST API가 스크립트에서 같은 일을 합니다.

REST API업로드 엔드포인트 하나로 자동화와 예약 게시를 구성합니다.
MCP 서버Claude Code는 명령어 한 줄로 연결됩니다. Cursor, VS Code, Windsurf, Zed, Codex, v0는 설정 몇 줄이면 됩니다.
Claude 커넥터Claude 앱과 Claude Code에서 보고서나 문서를 곧바로 게시합니다.
스킬한 번 설치한 에이전트는 PDF와 ZIP을 비롯해 100가지가 넘는 파일 형식을 링크로 게시합니다.
API 문서 보기 → API는 Solo 요금제부터 제공
upload.sh
curl -X POST https://ext.tiiny.host/v1/upload \
  -H "x-api-key: $TIINY_API_KEY" \
  -F "files=@index.html" \
  -F "domain=my-artifact.tiiny.site"

# → https://my-artifact.tiiny.site
# 파일 교체는 같은 도메인에 PUT 요청
활용 사례

아티팩트로 만드는 것들

인터랙티브 대시보드

인터랙티브 대시보드

Claude가 내 데이터로 만든 차트와 KPI 화면을 주간 회의에서 팀과 함께 봅니다.

계산기와 도구

계산기와 도구

링크를 연 누구나 쓰는 가격·ROI 계산기

랜딩 페이지

랜딩 페이지

채팅에서 쓴 원페이지 사이트와 대기자 명단 페이지를 내 도메인에서 엽니다.

고객용 프로토타입

고객용 프로토타입

실제 개발에 들어가기 전에 비밀번호를 걸고 댓글을 모으는 클릭형 시안

게임

게임

Claude가 짠 미니 게임과 캔버스 실험을 주소 하나로 즐깁니다.

수행평가 학습 자료

수행평가 학습 자료

학생들이 링크로 열어 직접 눌러 보는 인터랙티브 설명과 퀴즈

참고 자료

Claude 아티팩트 더 알아보기

What Are Claude Artifacts? How To Make and Share Them

What artifacts are, the kinds Claude can make, and the ways to share one outside the chat.

Build an app using Claude AI and Publish It within seconds

A walkthrough of building a small app with Claude and getting it online in one go.

Top AI Hosting Platforms in 2026

Where AI-generated sites can live, and what to look for when you choose a host.

자주 묻는 질문

Claude 아티팩트를 웹사이트로 만드는 방법은요?

아티팩트 코드를 HTML 파일로 받아 웹 호스트에 올립니다. 아티팩트를 Claude에서 열어 다운로드 버튼을 쓰거나, 코드를 복사해 index.html로 저장합니다. 그 파일을 Tiiny Host에 끌어다 놓고 링크 이름을 정해 게시한 아티팩트는 즉시 tiiny.site 주소에서 열립니다. Claude에 Tiiny Host 커넥터를 추가했다면 다운로드를 건너뛰고 Claude에게 게시를 부탁합니다.

Claude에서 게시하는 것과 Tiiny Host에 호스팅하는 것은 무엇이 다른가요?

Claude에서 게시한 아티팩트는 Claude 웹사이트(claude.ai)의 공개 링크로 열립니다. 링크를 가진 사람은 누구나 보고, Claude 계정이 있는 사람은 그것을 리믹스할 수 있습니다. 페이지는 Claude 화면 안에 남습니다. Tiiny Host에서는 같은 내용이 내가 관리하는 일반 웹 주소를 얻고, 자체 도메인, 비밀번호 보호, 방문 통계, 피드백 댓글, QR 코드처럼 Claude 링크에 없는 기능이 붙습니다.

React 아티팩트를 내려받으면 빈 화면만 나오는 이유는요?

React 아티팩트는 컴포넌트(.jsx 파일)로 작성되어 그 자체로는 완성된 웹페이지가 되지 못합니다. Claude는 자체 도구로 이것을 실행하는데, 채팅 밖에서는 그 도구가 없습니다. Claude에게 ‘CDN에서 React를 불러오는 독립 실행형 index.html 하나로 바꿔 줘’라고 요청하세요. 이렇게 받은 파일은 어느 브라우저에서든 실행됩니다. HTML 아티팩트는 이 과정을 건너뜁니다.

아티팩트의 모든 기능이 Claude 밖에서도 작동하나요?

거의 모두 작동합니다. 레이아웃, 차트, 폼, 게임처럼 브라우저에서 도는 로직은 Tiiny Host에서도 평소처럼 움직입니다. 예외는 Claude에만 있는 기능입니다. 아티팩트 안에서 Claude에게 질문하거나 Claude의 아티팩트 저장소에 데이터를 저장하는 기능은 Claude에 의존하므로, 다른 호스트에서는 작동하지 않습니다.

아티팩트를 내려받지 않고 게시하려면요?

Tiiny Host를 커넥터로 추가합니다. Claude에서 사용자 정의 > 커넥터로 들어가 ‘+ 추가’를 누르고 ‘커스텀 커넥터 추가’를 고릅니다. 이름은 Tiiny Host, 원격 MCP 서버 URL은 https://mcp.tiiny.host로 입력합니다. 이후에는 Claude에게 Tiiny Host로 게시해 달라고 부탁해 공개 링크를 받습니다. 커넥터 로그인은 Tiiny Host 계정으로 합니다.

Claude 아티팩트를 내 도메인에서 열 수 있나요?

보유한 도메인이든 Tiiny Host에서 구입한 도메인이든, 연결된 주소에서 아티팩트가 SSL과 함께 열립니다. 자체 도메인은 Solo부터이고, 그 전까지는 pricing-calculator.tiiny.site처럼 직접 고른 이름의 tiiny.site 주소에서 열립니다.

링크를 공유한 뒤에도 아티팩트를 고칠 수 있나요?

새 버전으로 파일을 바꾸거나, 커넥터를 통해 Claude에게 사이트 업데이트를 맡깁니다. 이미 공유한 링크에 변경 내용이 나타납니다. 무료와 Tiny 요금제는 업데이트를 포함해 하루 세 번까지 업로드할 수 있으니, 자주 고친다면 업로드 횟수 제한이 없는 Solo가 맞습니다.

Claude 아티팩트 호스팅은 무료인가요?

아티팩트 하나는 보통 무료 요금제의 3MB 한도보다 훨씬 작습니다. 대부분은 월 방문 5,000회와 tiiny.site 주소를 주는 무료 요금제로 해결되며, 페이지에 작은 Tiiny Host 배너가 붙습니다. 연간 결제 시 월 $5부터 배너가 사라지고 방문 통계가 더해지며, Solo에서는 자체 도메인과 비밀번호 보호가 추가됩니다.

Claude가 만든 여러 페이지 사이트도 호스팅할 수 있나요?

index.html을 최상위에 둔 한 폴더에 파일을 모두 넣고, 폴더를 ZIP으로 묶어 올립니다. 페이지 사이 링크, 이미지, CSS, JavaScript가 일반 웹 서버에서처럼 작동합니다. Claude Code가 내 컴퓨터에서 만든 사이트도 같은 방식입니다.

무료 Claude 계정에서도 커넥터를 쓸 수 있나요?

Anthropic 도움말에 따르면 무료 Claude 계정도 커스텀 커넥터를 추가할 수 있고, 개수는 한 개로 제한됩니다. Tiiny Host 쪽에서는 모든 요금제에 커넥터가 포함됩니다.

여러 사람이 함께 아티팩트를 관리할 수 있나요?

Pro 요금제에서 계정을 한 명과 더 나눠 쓰고, 필요하면 인원을 늘립니다.

다음 아티팩트는 내 도메인에서 엽니다