Claude Code 아티팩트(Artifacts) 출시: 코딩 세션이 라이브 웹 페이지가 된다
Claude Code 아티팩트(Artifacts) 출시: 코딩 세션이 라이브 웹 페이지가 된다
결론: 2026-06-19 Anthropic이 Claude Code 아티팩트를 베타로 공개했습니다. 터미널 코딩 세션을 실시간 갱신되는 비공개 공유 웹 페이지로 발행하는 기능이며, 현재 Team·Enterprise 플랜 전용입니다.
결론부터 말씀드릴게요. 2026-06-19 Anthropic이 Claude Code 아티팩트를 베타로 공개했습니다. 한 줄로 요약하면, 터미널에서 돌아가는 코딩 에이전트(Claude Code)의 작업 세션을 실시간으로 갱신되는 공유 가능한 웹 페이지로 바꿔주는 기능이에요.
지금까지는 코딩 에이전트가 만든 결과를 팀에 보여주려면 스크린샷을 찍거나, 따로 문서를 정리하거나, 코드를 직접 보여줘야 했죠. Claude Code 아티팩트는 그 과정을 없앱니다. "지금 작업한 걸 페이지로 만들어 팀에 링크 보내줘"라고 말하면, 세션이 결과를 캡처해서 claude.ai의 비공개 URL로 발행해줘요. 그 링크는 어떤 브라우저에서도 열립니다.
이 글에서는 Claude Code 아티팩트가 정확히 무엇인지, 누가 쓸 수 있는지, 어떤 상황에서 빛을 발하는지를 공식 발표 기준으로 깔끔하게 정리해드릴게요.
Claude Code 아티팩트란 무엇인가요?
Claude Code 아티팩트는 Claude Code가 작업 세션에서 claude.ai의 비공개 URL로 발행하는 라이브 인터랙티브 웹 페이지입니다. 애플리케이션이 아니라 "작업의 캡처(capture of work)"이며, 각 아티팩트는 단일 self-contained HTML 페이지(렌더링 크기 상한 16 MiB)로 구성됩니다.
조금 더 풀어볼게요. 비유하자면, 작업 책상을 통째로 사진 찍어 벽에 거는 게 아니라, 작업하는 모습이 실시간으로 비치는 유리창을 팀에게 열어주는 거예요. 팀원은 그 창을 통해 에이전트가 무엇을 만들고 있는지 즉시 봅니다.
여기서 중요한 건 "애플리케이션이 아니라 작업의 캡처"라는 정의예요. 복잡한 앱을 배포하는 게 아니라, 세션에서 나온 산출물(차트, 타임라인, 구조도 등)을 하나의 HTML 페이지로 깔끔하게 보여주는 것입니다. 그래서 별도 서버나 배포 과정 없이 링크 하나로 공유가 끝나죠.
기존 Claude.ai 채팅 아티팩트와 무엇이 다른가요?
여기서 헷갈리기 쉬운 부분을 짚고 넘어갈게요. "Artifacts"라는 이름은 이미 익숙하실 수 있어요. Claude.ai 채팅에서 코드나 앱, 시각화를 만들어주던 기능이 2024-08-26에 전체 출시됐거든요.
이번에 나온 Claude Code 아티팩트는 이름만 같고 별개의 신규 통합입니다. 차이를 표로 정리하면 이래요.
| 구분 | 기존 Claude.ai 채팅 아티팩트 | Claude Code 아티팩트 |
|---|---|---|
| 출처 | 채팅창 대화 | 터미널/CLI 코딩 에이전트 세션 |
| 대상 | 대화 중 생성한 코드·앱·시각화 | 코딩 세션의 작업 결과 |
| 출시 | 2024-08-26 전체 출시 | 2026-06-19 베타 |
쉽게 말해, 채팅에서 쓰던 기능이 터미널 코딩 에이전트로 확장된 형태에 가깝습니다. 발행된 페이지가 claude.ai에 호스팅된다는 공통점은 있지만, 대상이 되는 작업의 성격이 완전히 달라요.
누가 쓸 수 있고 비용은 어떻게 되나요?
핵심 조건부터 말씀드리면, Claude Team·Enterprise 플랜 전용 베타입니다. 개인용 Pro·Max 플랜이나 무료 플랜에서는 아직 쓸 수 없어요.
사용하려면 두 가지가 필요합니다.
- 플랜: Claude Team 또는 Enterprise 조직 계정
- 로그인: 세션이
/login으로 로그인된 상태
비용 측면에서는 별도 추가 과금에 대한 공식 언급이 없습니다. 즉 플랜에 포함된 베타 기능으로 제공되는 것으로 보여요.
프라이버시 측면도 안심할 만합니다. 모든 아티팩트는 **기본 비공개(작성자 전용)**예요. 공유하더라도 조직 내 인증된 멤버만 열람할 수 있고, 일반 대중에게 공개(public)하는 건 불가능합니다. 관리자가 역할(role)과 보존(retention) 정책으로 접근을 통제할 수 있어서, 기업 환경에서 민감한 코드 작업을 공유하기에도 부담이 적죠.
어떤 기능이 들어 있나요?
Claude Code 아티팩트의 진짜 매력은 "한 번 만들고 끝"이 아니라는 점이에요. 살아 있는 페이지처럼 동작합니다.
실시간 자동 갱신
세션이 계속 작업하면, 열려 있는 페이지가 그 자리에서 새로고침됩니다. 팀원은 발행 즉시 업데이트를 보게 돼요. 연결된 데이터 소스나 코드베이스가 바뀌면 차트 같은 요소도 라이브로 갱신됩니다. 매번 다시 보내줄 필요가 없는 거죠.
버전 히스토리와 복원
공식 설명에 따르면 "발행할 때마다 같은 링크에 새 버전이 생기고, 버전 히스토리로 언제든 복원할 수 있다"고 합니다. 링크는 그대로 유지되면서 과거 상태로 되돌릴 수 있으니, 변경 이력 관리가 자연스럽게 따라와요.
갤러리와 사용 환경
만든 모든 아티팩트는 claude.ai 갤러리에서 탐색하고 관리할 수 있습니다. 제목과 이모지 아이콘이 갤러리와 공유 링크에 표시돼서 한눈에 구분하기 좋아요. 또 Claude Code CLI와 데스크톱 앱 모두에서 지원하고, 발행된 페이지는 모든 브라우저에서 열립니다.
실제로 어떤 상황에서 쓰면 좋을까요?
공식 발표와 미디어 보도에서 제시된 구체적인 활용 시나리오를 소개할게요. 읽다 보면 "아, 이건 우리도 필요하겠다" 싶은 장면이 있을 거예요.
- PR 워크스루: diff와 주변 코드에서 끌어온, 리뷰어가 실제로 따라갈 수 있는 PR·버그 설명 페이지를 만듭니다.
- 아키텍처 개요: 화이트보드 그림이 아니라 실제 import 그래프에서 그려낸 서비스 구조 맵을 보여줍니다.
- 인시던트 타임라인 → 포스트모템: 조사하면서 자라나는 인시던트 페이지(타임라인 + 의심 커밋 + 에러율 차트)가 그대로 포스트모템 문서가 됩니다.
- 라이브 대시보드: 엔지니어가 "사용자 이탈 원인을 조사하라"고 지시하면, 에이전트가 SQL 읽기를 실행해 인터랙티브 이탈 퍼널 대시보드를 만들고, 코드 리팩터링에 맞춰 차트를 라이브로 갱신합니다. 매니저는 모바일에서 그 보안 링크를 즉시 열 수 있죠.
- 릴리스 체크리스트: 배포 전 점검 항목을 페이지로 정리해 팀과 공유합니다.
공통점이 보이시나요? 모두 "코딩 세션의 맥락을 잃지 않고 팀에 그대로 전달"하는 상황입니다. 코드를 보지 않는 매니저나 다른 부서 동료에게도 작업 상태를 직관적으로 보여줄 수 있다는 게 핵심이에요.
마무리
정리하면, Claude Code 아티팩트는 2026-06-19 공개된 베타 기능으로, 코딩 에이전트의 작업 세션을 실시간 갱신되는 비공개 공유 웹 페이지로 바꿔주는 통합입니다. Team·Enterprise 플랜에서 /login만 되어 있으면 쓸 수 있고, 버전 히스토리·갤러리·실시간 갱신 같은 기능이 따라와요.
가장 큰 의미는 "코딩 세션과 팀 커뮤니케이션 사이의 거리"를 좁혔다는 점이라고 봐요. PR 리뷰, 인시던트 대응, 대시보드 공유처럼 그동안 별도 도구로 옮겨 적어야 했던 일들이 코딩 세션 안에서 한 번에 끝나니까요. Team·Enterprise 환경에서 협업하신다면 한번 시도해보실 만합니다.
자주 묻는 질문 (FAQ)
Q: Claude Code 아티팩트는 무료 플랜에서도 쓸 수 있나요?
아니요. Claude Code 아티팩트는 Team·Enterprise 플랜 전용 베타입니다. 개인용 Pro·Max 플랜이나 무료 플랜에서는 현재 사용할 수 없어요. 또한 세션이 /login으로 로그인된 상태여야 합니다.
Q: 기존 Claude.ai 채팅 Artifacts와 같은 기능인가요?
이름은 같지만 별개의 기능입니다. 기존 채팅 Artifacts는 2024-08-26 전체 출시된, 대화 중 코드·앱·시각화를 만들던 기능이에요. 이번 Claude Code 아티팩트는 터미널/CLI 코딩 에이전트의 작업 세션을 웹 페이지로 발행하는 신규 통합으로, 채팅 기능이 코딩 에이전트로 확장된 형태에 가깝습니다.
Q: 발행한 아티팩트를 외부에 공개할 수 있나요?
공개(public)는 불가능합니다. 모든 아티팩트는 기본적으로 작성자 전용 비공개이며, 공유하더라도 조직 내 인증된 멤버만 열람할 수 있어요. 관리자가 역할과 보존 정책으로 접근을 통제합니다.
Q: 페이지를 한 번 발행하면 수동으로 다시 업데이트해야 하나요?
아니요. 세션이 계속 작업하면 열려 있는 페이지가 그 자리에서 자동으로 새로고침됩니다. 연결된 데이터나 코드베이스가 바뀌면 차트 같은 요소도 라이브로 갱신돼요. 또 발행할 때마다 같은 링크에 새 버전이 생기고, 버전 히스토리로 언제든 이전 상태로 복원할 수 있습니다.
관련 글
참고 자료
- Claude Code now supports artifacts (Anthropic 공식 블로그) (접속: 2026-06-19 KST)
- Share session output as artifacts (Claude Code 공식 문서) (접속: 2026-06-19 KST)
- @claudeai 발표 (X) (접속: 2026-06-19 KST)
- @ClaudeDevs 발표 (X) (접속: 2026-06-19 KST)
- VentureBeat 보도 (접속: 2026-06-19 KST)
- The Decoder 보도 (접속: 2026-06-19 KST)
