계산식 하나를 정리해달라고 Claude에 넣었더니, 대화창 오른쪽에 못 보던 패널이 스르륵 열렸다. 이게 바로 Claude Artifacts다. 이 글은 2026년 4월 기준 Claude Artifacts 사용법을 개념부터 공유·모델 선택까지 한 번에 훑는다. Pro 구독으로 몇 주 직접 돌려본 감상을 섞되, 앱 빌드 실전(계산기·대시보드 완성 등)은 별도 글로 분리한다.
먼저 오해 하나. Artifacts는 Pro 전용이 아니다. 2024년 8월 GA부터 Free 포함 전 플랜에 열렸다. 출처: Anthropic
다만 모델 접근·저장·공유에는 플랜별 경계가 있다. 이 글에서 얻을 것은 네 가지다 — Artifacts가 무엇인지, 창을 띄우고 억제하는 법, 공유·저장의 실제 경계, Opus 4.7 / Sonnet 4.6 / Haiku 4.5 중 고르는 기준.
그림 1. Sonnet 4.6에 요청 시 Artifact 창이 자동으로 분리되어 뜬 화면 (2026-04-19)
TL;DR
- Artifacts는 채팅 옆에 분리된 전용 작업 공간. 마크다운·코드·HTML·SVG·Mermaid·React를 렌더링.
- 15줄 이상·독립·재사용 가능한 출력이면 자동. “artifact로 만들어줘”로 강제, “대화로만 답해줘”로 억제.
- 복잡한 React는 Opus 4.7, 일상 문서·다이어그램은 Sonnet 4.6, 짧은 HTML은 Haiku 4.5.
- 공유는 Publish 링크, retention·직접 편집 범위는 시점 따라 바뀌므로 본문 주의 문구 확인.
Claude Artifacts란 무엇인가
Artifacts는 채팅 응답과 분리되어 뜨는 전용 작업 공간이다. Anthropic 공식 Help Center는 “대화와 분리된 전용 창에서 실질적이고 독립된 콘텐츠를 공유한다(substantial, standalone content in a dedicated window separate from the main conversation)”로 정의한다. 출처: Help Center
한글로는 “클로드 아티팩트”로도 통한다. 기존 LLM은 긴 코드를 채팅 한가운데 쏟아내 스크롤을 뒤지게 만들었다. Artifacts는 그 출력을 우측 패널로 빼내 렌더링한다. 좌측은 대화, 우측은 결과물. 2024년 6월 프리뷰를 거쳐 8월 27일 GA가 되면서 Free 포함 전 플랜과 iOS·Android 앱에서도 Artifacts를 생성·열람할 수 있게 됐다.
어떤 콘텐츠를 만들 수 있나: 지원 타입
Anthropic 공식 지원 타입은 여섯 가지다.
| 타입 | 대표 쓰임 |
|---|---|
| 마크다운·일반 텍스트 | 정리 노트, 기획 문서 |
| 코드 스니펫 | 샘플 코드 공유 |
| 단일 파일 HTML | 랜딩 페이지, 위젯 프리뷰 |
| SVG 이미지 | 로고, 아이콘 |
| 다이어그램 (Mermaid) | 플로우·시퀀스·ERD·Gantt |
| 인터랙티브 React | 차트, UI 프리뷰 |
React 사전 로드 라이브러리는 Anthropic 공식 명시 리스트가 없고, 2차 커뮤니티 집계로는 React 18·Tailwind·Lucide React·Three.js·Shadcn UI·Recharts가 포함된다고 보고된다. 참고: p0stman
외부 CDN은 cdnjs.cloudflare.com만 CSP 허용으로 전해진다.
제약도 분명하다. Artifact 1개 최대 20MB(텍스트 전용), 샌드박스라 localStorage와 외부 API fetch가 막힌다. 프리뷰용이고, 그 이상은 별도 호스팅으로 나간다. Artifacts 앱 빌드 실전 가이드는 별도 글로 준비 중이다.
그림 2. Anthropic Help Center의 Artifacts 지원 타입 목록 (2026-04-19)
Artifacts 창 띄우는 법
Artifacts 창은 대개 자동으로 열린다. Anthropic 기준은 네 가지. 출력이 15줄 이상, 독립적으로 자기완결, 나중에 재사용·편집 가능, 자체로 복잡해 따로 볼 가치. 직접 요청도 된다.
"아래 수식을 React 단일 파일 artifact로 만들어줘"
"artifact 만들지 말고 대화로만 답해줘" # 억제
솔직히 처음 며칠은 이게 꽤 거슬렸다. 짧은 요약만 원했는데 창이 자꾸 열려 집중이 흐트러졌다. Sonnet 4.6 쓸 때 프롬프트 맨 앞에 “한 문단으로만 답해줘”를 깔고 나서야 채팅 안에서 끝났다. 기능 자체는 좌하단 계정 이니셜 → Settings → Capabilities에서 토글한다.
선을 긋자. 이 섹션은 창을 띄우고 끄는 법까지다. 완성 앱을 빌드하는 과정은 별도 글로 다룬다.
수정과 버전 관리
수정 방식은 둘이다. 작은 변경은 Targeted update로 해당 섹션만 패치, 구조적 수정은 Full rewrite로 전체 재작성. Claude가 변경 규모를 보고 자동 선택한다. 버전은 수정할 때마다 누적되고 창 하단 드롭다운에서 이전 버전 열람·복귀가 된다.
짚어둘 게 하나 있다. 2024~2025년 비교 기사들은 “Claude Artifacts는 창 내 직접 타이핑 편집 불가”라 서술해왔다 — ChatGPT Canvas의 드래그 편집과 대비되는 차별점이었다. 2025년 하반기부터 일부 타입에 제한적 직접 편집이 도입 중이라는 보고가 돈다. 참고: Hyperdev
프롬프트 기반 편집이 현재 표준이라는 점은 분명하되, UI 직접 편집 범위는 시점에 따라 달라질 수 있으니 본인 화면 기준으로 확인하는 편이 안전하다.
공유·저장·내보내기
Free·Pro·Max는 Publish로 공개 링크를, Team·Enterprise는 Share로 조직 내부 공개를 만든다. 출처: Help Center
Publish한 Artifact는 링크만 있으면 로그인 없이 누구나 열람·상호작용이 된다. 수신자가 “Remix”를 누르면 자기 계정에 사본이 생기고 원본에는 영향이 없다. 임베드도 공식 지원 — Free/Pro/Max 모두 Publish 후 embed 코드를 생성할 수 있고, Allowed domains에 URL을 지정하면 해당 도메인 iframe에서만 불러온다.
규정 하나가 의외다. unpublish한 artifact는 동일 객체로 재게시가 안 된다. 새 artifact로 복제 후 다시 게시해야 한다. 임시로 링크를 내렸다 되살리려던 사람은 여기서 막힌다.
보관 기간(retention)은 단정이 애매하다. 일부 2차 가이드는 2026-03 기준 공유 artifact retention이 30일에서 90일로 연장됐다고 참고: openclawdatabase
하지만, Anthropic 공식 릴리즈 노트에는 이 변경이 명시되지 않았다. 실제 몇 일인지는 Anthropic 공식 정책 페이지 최신값 확인이 안전하다. 세션 간 persistent storage는 Pro/Max/Team/Enterprise 전용, artifact당 20MB다. 민감 데이터 관점은 Claude 프라이버시·데이터 정책 정리에 별도로 정리했다. 내보내기는 복사(Copy) 버튼이 안정적이고, HTML 단일 파일 다운로드 버튼은 공식 명시가 없어 UI에 따라 달라진다.
그림 3. Publish 클릭 시 뜨는 공개 링크 생성 모달 (Pro 계정, 2026-04-19)
모델별 Artifacts 체감: Opus 4.7 vs Sonnet 4.6 vs Haiku 4.5
밝혀둘 것. Anthropic은 모델별 Artifacts 품질을 공식 비교 발표한 적이 없다. Artifacts는 렌더링 UI이고 품질은 기저 모델 출력에 종속된다. 아래는 공식 벤치 + 커뮤니티 보고 + 내가 Pro에서 몇 주 돌려본 체감을 합친 정리다.
| 모델 | 적합 용도 | 속도 체감 | 주의점 |
|---|---|---|---|
| Opus 4.7 | 복잡 React, 정교한 다이어그램 | 느림 (adaptive thinking) | 간단 Artifact엔 과잉 |
| Sonnet 4.6 | 일반 문서·중간 인터랙티브·Mermaid | 빠름 (40–60 tok/s) | 기본값 |
| Haiku 4.5 | 짧은 마크다운·단순 HTML | 매우 빠름 (80–120 tok/s) | 복잡 React·상태 관리 한계 |
Opus 4.7은 기본이 adaptive thinking으로 고정이다. 출처: Adaptive Thinking 공식 문서
복잡한 요청일수록 내부 생각 시간이 길어지고, 대신 단발로도 거의 완결된 결과를 뱉는다.
직접 써본 감상 하나. 대시보드형 React Artifact를 Sonnet 4.6으로 먼저 돌렸더니 상태 훅이 한두 군데 꼬여 렌더가 깜빡였다. 같은 프롬프트를 Opus 4.7로 바꾸자 첫 응답에서 깔끔하게 렌더됐다 — 대신 30초 가까이 기다렸다. Mermaid 다이어그램이나 마크다운 정리는 Sonnet이 훨씬 쾌적했다.
모델 전반 벤치마크·일반 성능 비교는 Claude Opus vs Sonnet vs Haiku 차이 완벽 정리 (2026년 4월 최신)으로 확인.
그림 4. 모델 드롭다운 — Opus 4.7 선택 상태 (2026-04-19)
자주 혼동하는 5가지
- “Artifacts는 Pro 전용” — 2024-08 GA부터 Free 포함 전 플랜 열림. 차이는 Opus 접근·사용량·persistent storage에서.
- “HTML Artifact는 자동 배포된다” — 아니다. 샌드박스 iframe 프리뷰. 실제 배포는 Netlify·Vercel 등 별도 호스팅.
- “unpublish 후 재게시 가능” — 불가. 동일 객체 재게시는 막히고 새 artifact로 복제해야 한다.
- “자동으로 영구 저장” — Free는 persistent storage가 없어 대화 내부에만 남는다. Pro 이상은 artifact당 20MB 세션 간 유지. 공유 retention은 공식 정책 페이지 최신값 확인.
- “창에서 자유롭게 타이핑 수정 가능” — 2026-04 기준 프롬프트 기반이 표준. 일부 타입의 인라인 편집은 시점 따라 달라진다. 드래그 편집이 필요하면 ChatGPT Canvas가 더 성숙하다.
ChatGPT Canvas·Gemini Canvas와 뭐가 다른가
세 제품 모두 좌측 채팅 / 우측 작업 공간 2단 레이아웃이 같다. 차이는 네 가지.
- 코드 실행·렌더링: Artifacts·Gemini Canvas는 HTML/React 라이브 프리뷰 지원. ChatGPT Canvas는 초기 미지원 뒤 점진 개선.
- 인라인 편집: ChatGPT Canvas는 드래그 선택 편집 툴바가 강점. Claude는 프롬프트 기반.
- 공유·임베드: Claude만 Allowed domains 지정 iframe 임베드를 공식 제공.
- 공통점: 버전 히스토리, 반복 수정 루프, 문서·코드·다이어그램을 한 공간에서.
Canvas·Gemini Canvas와의 상세 비교는 별도 글로 준비 중이다.
자주 묻는 질문 (FAQ)
Q. Claude Artifacts는 어디에 저장되나요?
A. 대화 안에 보존. Pro 이상은 persistent storage로 세션 간 유지되고, Free는 대화 생존 기간만.
Q. 다른 사람이 내 Artifact를 볼 수 있나요?
A. 기본 비공개. Publish로 링크 생성 시에만 공개. unpublish한 artifact는 동일 객체 재게시가 안 되니 새 복제가 필요하다.
Q. Artifacts는 Pro 구독자만 쓸 수 있나요?
A. 아니다. Free에서도 기본 기능은 된다. Pro/Max는 Opus 접근·사용량·persistent storage에서 이점.
Q. Opus 4.7과 Sonnet 4.6 중 Artifacts에 어느 쪽이 좋나요?
A. 복잡 React·정교한 다이어그램은 Opus 4.7, 일상 문서·중간 복잡도는 Sonnet 4.6이 균형에서 앞선다.
Q. Artifacts 창이 자동으로 안 뜨게 할 수 있나요?
A. “한 문단으로만 답해줘” 또는 “artifact 만들지 말고 대화로 답해줘” 프롬프트가 효과적. 기능 자체는 Settings → Capabilities에서 토글.
Q. Artifacts로 만든 HTML 앱은 실제 배포된 건가요?
A. 아니다. 샌드박스 iframe 프리뷰. 외부 API·localStorage가 막힌다.
Q. Claude Artifacts와 ChatGPT Canvas의 차이는?
A. Canvas는 드래그 인라인 편집이 강점, Artifacts는 React 렌더링·공개 링크·임베드 코드가 강점.
관련 글
- Claude Opus vs Sonnet vs Haiku 차이 완벽 정리 (2026년 4월 최신) — Artifacts 품질에 영향을 주는 모델 선택 기준
- Claude 프라이버시·데이터 정책 정리 — 공유 Artifact의 데이터 취급
- Claude Artifacts로 계산기·앱 만들기 실전 (추후 발행) — A3b, 본 글의 실전 튜토리얼 편
- Claude vs GPT vs Gemini 2026 비교 (추후 발행) — D3, Canvas류 외부 비교 상세
여기까지가 개념·기능·플랜·모델 체감·공유의 한 바퀴다. 다음 걸음은 둘 — 실제로 앱을 만들어보고 싶다면 A3b(추후 발행)로, Pro 구독을 고민 중이라면 위의 모델 접근·persistent storage·retention 경계를 자기 작업에 대입해보는 쪽이 자연스럽다.
