Claude Live Artifacts: 챗봇에서 지속형 AI 워크스페이스로

대부분의 AI 대화는 같은 방식으로 끝납니다. 유용한 결과물 — 차트, 트래커, 요약 — 을 얻고, 탭을 닫는 순간 그것은 사라집니다. 다음에 다시 필요해지면 처음부터 다시 시작해야 합니다. Claude Live Artifacts는 바로 이 문제를 해결하기 위해 설계되었습니다.

Claude Live Artifacts는 채팅 기록 속으로 사라지는 일회성 응답을 만드는 대신, 워크스페이스 안에 살아 있고 상호작용 가능한 도구를 만들어 데이터가 바뀔 때마다 새로고침됩니다. “질문에 답하는 AI”보다는 “여러분이 계속 다시 찾게 되는 앱을 만드는 AI”에 가깝게 생각하면 됩니다. Claude를 매일 사용하는 팀이라면, 이는 AI가 실제 업무에 녹아드는 방식을 의미 있게 바꾸는 변화입니다.

이 가이드에서는 Live Artifacts가 무엇인지, 내부적으로 어떻게 작동하는지, 무엇을 만들 수 있는지, 그리고 개발자든 제품 관리자든 한 줄의 코드도 작성해 본 적 없는 지식 근로자든 어떻게 시작할 수 있는지까지 모두 다룹니다.

Claude Live Artifacts란 무엇인가?

Claude Artifacts는 처음에 Claude 3.5 Sonnet과 함께 등장해 코드, 문서, 웹페이지를 채팅 옆 전용 사이드 패널에 렌더링하는 방식이었습니다. 스크롤되는 대화 기록에서 출력을 읽는 대신, Code 탭과 함께 live Preview 탭을 볼 수 있었고, AI 출력이 머무는 자체 워크스페이스를 갖게 된 셈이었습니다.

시간이 지나면서 Anthropic은 Artifacts를 단순한 미리보기 패널에서 벗어나 사용자가 Claude 인터페이스 안에서 직접 인터랙티브 도구를 만들고, 호스팅하고, 공유할 수 있는 완전한 플랫폼으로 확장했습니다. 외부 배포도, 별도의 개발 환경도 필요 없습니다. 프롬프트 하나, 렌더링된 인터페이스 하나, 그리고 실시간으로 반복 개선할 수 있는 아티팩트 하나면 충분합니다.

Claude Live Artifacts는 한 단계 더 나아가 이러한 아티팩트를 상태를 유지하고 연결된 형태로 만듭니다. 앱과 파일에서 데이터를 불러오고, 열 때마다 새로고침되며, 정적인 스냅샷보다는 반복적으로 다시 찾게 되는 live tool처럼 동작합니다. 이 차이는 중요합니다. 이전의 Artifacts는 생성된 시점의 모습을 보여줬다면, Live Artifacts는 지금 이 순간의 모습을 보여줍니다.

Artifacts에서 Live Artifacts로: 무엇이 바뀌었나

Artifacts에서 Live Artifacts로의 진화에는 세 가지 구체적인 업그레이드가 있습니다.

첫 번째는 **지속형 저장소(persistent storage)**입니다. 이전 아티팩트는 세션 사이에 기억이 없었기 때문에 다시 열 때마다 초기화되었습니다. Live Artifacts는 사용자 입력, 중간 결과, 애플리케이션 상태를 저장할 수 있어, 만든 도구가 매번 빈 상태에서 시작하지 않고 방문 간 맥락을 유지합니다.

두 번째는 **API 통합(API integration)**입니다. Live Artifacts는 아티팩트 내부에서 Claude의 API를 직접 호출할 수 있어, 여러분이 만든 인터페이스 안에 Claude를 추론 엔진으로 내장할 수 있습니다. 외부 데이터 소스와 연결도 가능해지면서, 라이브 대시보드와 트래커가 현실화됩니다.

세 번째는 Claude 사이드바의 전용 아티팩트 공간입니다. 이제 여러분의 모든 아티팩트와 Anthropic이 선별한 아티팩트가 하나의 탐색 가능한 위치에 모이며, 새 아티팩트를 만들고, 기존 아티팩트를 리믹스하고, 컬렉션을 정리할 수 있습니다. 덕분에 아티팩트는 옛 채팅 스레드 속에 묻히는 대신 파일 시스템 같은 지속성을 갖게 됩니다.

이 변화들은 Claude를 질문-응답용 챗봇에서 워크스페이스 플랫폼에 더 가깝게, 그리고 단순한 챗봇에서 더 멀어지게 만듭니다.

Claude Live Artifacts는 어떻게 작동하나

아티팩트를 만드는 기본 루프는 간단합니다. 대시보드, 데이터 시각화, 프로토타입 인터페이스, 간단한 유틸리티 등 원하는 것을 설명하면 Claude가 하위 코드를 생성합니다. 단순한 아티팩트의 경우 보통 HTML, CSS, JavaScript로 구성됩니다. 더 복잡한 경우에는 React나 다른 프런트엔드 컴포넌트가 Claude 인터페이스 안에 직접 렌더링될 수 있습니다.

Anthropic은 기본 상호작용을 다음과 같이 설명합니다. 아티팩트를 설명하면, Claude가 코드를 작성하고, 앱은 Anthropic의 인프라에서 실행되며, 여러분은 자신의 Claude 계정으로 인증된 인스턴스와 상호작용합니다.

Live Artifacts는 아티팩트가 외부 API와 데이터 소스를 호출하고, 세션 간 상태를 저장하며, 정적인 스냅샷을 재생하는 대신 아티팩트를 열 때마다 최신 데이터를 보여주도록 해 이 루프를 확장합니다. 이것이 한 번 생성된 분기별 매출 차트와 계속 살아 있는 영업 파이프라인 트래커를 가르는 차이입니다.

기술적으로 보면, Claude 3.5 Sonnet의 agentic coding tasks(에이전틱 코딩 작업) 강점이 여기서 특히 중요합니다. 이 모델은 프런트엔드 코드를 작성하고 반복 개선하는 데 신뢰도가 높기 때문에, “무엇을 원하는지 설명하는 것”과 “실제로 동작하는 인터페이스를 얻는 것” 사이의 간극이 실무에서 충분히 좁아집니다. 데모에서만 유용한 것이 아니라 실제로도 쓸 수 있다는 뜻입니다.

Claude Live Artifacts의 핵심 기능

전용 아티팩트 공간

이제 Claude 인터페이스에는 모든 아티팩트를 한곳에서 볼 수 있는 사이드바가 있습니다. 여기서 내가 만든 아티팩트를 탐색하고, Anthropic의 선별 예시를 살펴보고, 새 아티팩트를 처음부터 만들거나 기존 아티팩트를 리믹스하고, 컬렉션이 커져도 관리할 수 있습니다.

이 기능은 Claude에 문서 관리식 사고방식을 도입합니다. 아티팩트는 일시적인 채팅 메시지보다 파일이나 앱에 더 가깝게 작동합니다. 이름이 있고, 유지되며, 대화 기록을 끝까지 스크롤하지 않아도 찾을 수 있습니다.

새로고침 가능한 라이브 경험

Claude의 Co-work 및 Live 환경에서는 아티팩트를 앱과 파일에 직접 연결할 수 있습니다. 아티팩트를 열면 고정된 스냅샷 대신 최신 데이터를 다시 불러옵니다. 덕분에 영업 파이프라인 모니터링, 콘텐츠 캘린더 검토, 제품 지표 추적처럼 “지난주 데이터”가 오히려 잘못된 정보를 줄 수 있는 지속적 워크플로에 적합합니다.

이 임계점은 실질적으로 중요합니다. 반복적으로 “최신 수치”를 Claude에 다시 물어보게 된다면, 그 워크플로는 Live Artifact의 후보입니다.

비개발자를 위한 노코드 앱 생성

Artifacts 플랫폼은 비개발자도 자연어 설명만으로 기능적인 도구를 만들 수 있는 방법을 제공합니다. 사용자는 플래시카드 생성기, 지출 추적기, 채용 퍼널, 데이터 기반 대시보드 등을 설명할 수 있고, Claude가 아티팩트 패널 안에서 구현을 생성하고 반복 개선합니다.

Artifacts는 풍부한 UI를 지원하며, 공개된 아티팩트의 사용량은 만든 사람이 아니라 최종 사용자에게 청구됩니다. 덕분에 다른 사람의 세션에 대한 지속적인 컴퓨팅 비용을 부담하지 않고도 도구를 널리 공유할 수 있습니다.

추론이 내장된 AI 기반 아티팩트

새로운 AI 기반 아티팩트는 아티팩트 내부에서 직접 Claude의 API를 호출할 수 있어, 인터페이스 자체가 정적인 프런트엔드가 아니라 지능형 계층이 됩니다. 지속형 저장소와 결합되면, 이러한 아티팩트는 대화 같은 맥락을 유지하고, 사용자 선호를 기억하며, 매번 전체 채팅을 다시 재생하지 않고도 세션 간 결과를 누적할 수 있습니다.

초기 커뮤니티 실험은 전용 도구 — 맞춤형 어시스턴트, 인터랙티브 생성기, 지능형 다이어그램 — 가 채팅 기록이라기보다 독립형 제품처럼 느껴진다는 점을 보여줍니다. 이전 Artifacts와의 핵심 차이는 AI가 도구 바깥이 아니라 도구 안에 있다는 것입니다.

공유, 리믹스, 카탈로그

Anthropic의 확장 중인 카탈로그를 통해 사용자는 아티팩트를 게시하고, 다른 사람의 창작물을 둘러보고, 이를 리믹스할 수 있습니다. 공유된 아티팩트는 링크로 접근 가능하며, Claude 계정이 없는 방문자도 볼 수 있고, 로그인한 사용자는 이를 복제해 자신의 맥락에 맞게 수정할 수 있습니다.

이 리믹스 가능성은 새 도구를 만드는 비용을 크게 낮춥니다. 비슷한 아티팩트가 이미 카탈로그에 있고 몇 번의 프롬프트만으로 포크하고 수정할 수 있다면, 항상 빈 페이지에서 시작할 필요가 거의 없습니다.

누가 가장 큰 혜택을 받나: 역할별 사용 사례

개발자와 기술 팀

개발자는 Live Artifacts를 사용해 기반 시스템이 바뀔 때마다 최신 상태를 유지하는 인터랙티브 아키텍처 다이어그램을 만들고, Claude가 뼈대를 생성하는 내부 도구와 관리자 패널을 프로토타입하고, 사이드바에서 한 번의 클릭으로 접근 가능한 정규식 테스터, API 요청 빌더, 스키마 시각화 도구 같은 작은 유틸리티를 만들 수 있습니다.

Claude 3.5 Sonnet이 agentic coding tasks에서 우수한 성능을 보이기 때문에, 프롬프트에서 실행 가능한 도구까지의 루프가 충분히 짧아져 내부 도구 프로젝트에서 상당 부분의 스캐폴딩 작업을 대체할 수 있습니다.

제품 관리자와 디자이너

제품 팀은 손그림 스케치나 스크린샷을 인터랙티브 프로토타입으로 바꾸고, 협업적으로 다듬을 수 있는 아티팩트 형태의 라이브 제품 요구사항 문서와 사용자 여정 지도를 유지하며, 목 데이터 위에 얹히지만 실제 인터페이스처럼 동작하는 간단한 사용성 테스트 하네스를 만들 수 있습니다.

Live Artifacts는 정적인 목업이 아니라 실제 UI로 렌더링되므로, 완전한 디자인-엔지니어링 핸드오프 없이도 초기 이해관계자 리뷰에 적합합니다. 이를 통해 초기 개념에 대한 피드백 주기가 크게 짧아집니다.

지식 근로자와 운영 팀

비기술 사용자는 캠페인, 세일즈 퍼널, 운영 지표를 위한 리포팅 대시보드를 만들어 열 때마다 새로고침되게 할 수 있습니다. 콘텐츠 캘린더, 리드 트래커, 채용 파이프라인 같은 워크플로 도우미를 만들어 기반 데이터와 동기화되도록 할 수도 있습니다. 또한 아티팩트를 구조화된 지식 베이스로 사용해, Claude가 긴 문단 대신 설계된 UI를 통해 답변을 보여주게 할 수도 있습니다.

Live Artifacts는 유용한 중간 지점에 있습니다. 스프레드시트보다 상호작용성이 높고, 완전한 SaaS 플랫폼보다는 복잡도가 낮습니다. 스프레드시트로는 부족하지만 전용 소프트웨어를 만들 정도는 아닌 워크플로라면, 종종 가장 적합한 선택입니다.

Claude Live Artifacts 시작하기

Artifacts 활성화하기

Claude의 웹 인터페이스에서 설정에서 Artifacts를 활성화할 수 있습니다. 계정 등급에 따라 Capabilities 또는 Feature Previews 아래를 확인하세요. 활성화되면, 코드, 시각화, 형식화된 문서처럼 구조화된 미리보기가 유용한 출력일 경우 Claude가 자동으로 아티팩트를 제안합니다.

전용 아티팩트 공간은 Artifacts가 활성화되면 사이드바에 표시되며, Anthropic의 선별 예시와 함께 탐색 및 생성 진입점을 제공합니다.

첫 번째 Live Artifact 만들기

기본 생성 흐름은 다음과 같습니다. Claude Live 또는 Co-work에서 대화를 시작하고, 원하는 도구 — 대시보드, 트래커, 생성기, 프로토타입 — 를 설명합니다. Claude가 아티팩트를 제안하도록 한 다음 Preview 탭을 살펴보고 후속 프롬프트로 다듬습니다. 더 많은 제어가 필요하면 Code 탭을 열어 기본 HTML, CSS, JavaScript 또는 프레임워크 코드를 확인하거나 편집합니다. 아티팩트를 저장하면 사이드바에 표시되고 다시 열기, 공유, 새로고침할 준비가 됩니다.

아티팩트를 진정한 live 상태로 만들려면 프롬프트에 데이터 소스 요구사항을 포함하세요. 예를 들어 “이 API에 연결” 또는 “이 파일에서 읽기”와 같이 요청하고, 지원되는 경우 아티팩트가 Claude의 API를 호출하고 세션 간 상태를 유지하도록 하세요.

게시와 리믹스

만족스러우면 아티팩트를 게시해 공유 가능한 링크를 생성할 수 있습니다. 수신자는 브라우저에서 상호작용할 수 있고, 로그인한 사용자는 이를 자신의 아티팩트 공간으로 복제해 Claude에게 자신의 맥락에 맞게 조정하도록 요청할 수 있습니다.

컴퓨팅 비용은 생성자가 아니라 최종 사용자의 사용량에 따라 청구되므로, 널리 공유하더라도 다른 사람의 세션에 대한 지속적인 인프라 비용을 부담하지 않습니다.

Claude Live Artifacts가 중요한 이유

일회성 AI 출력에서 지속적이고 인터랙티브한 도구로의 전환은 단순한 외형 변화가 아닙니다. 대부분의 AI 워크플로가 겪는 실제 마찰, 즉 AI로 만든 것들이 사라져 버리기 때문에 같은 것을 반복해서 다시 만들어야 하고, AI가 워크플로의 안정적인 계층이 되지 못한 채 반복적인 비용으로 남는 문제를 해결합니다.

아티팩트를 지속 가능하고 새로고침 가능하게 만들면서 Anthropic은 기능 하나를 추가한 것보다 더 전략적으로 중요한 일을 하고 있습니다. Claude를 채팅 인터페이스가 아니라 워크스페이스로 포지셔닝하고 있는 것입니다. 여러분이 만드는 결과물은 일시적인 답변이 아니라 이름 붙일 수 있고, 다시 열어볼 수 있고, 공유할 수 있는 자산이 됩니다.

여기서 세 가지 시사점을 짚을 수 있습니다. 첫째, 워크플로의 지속성은 AI 출력이 맥락 복원이 필요한 묻힌 메시지가 아니라 팀이 아카이브하고 재검토하는 방식과 호환되는 안정적인 객체가 된다는 뜻입니다. 둘째, 민주화된 앱 생성은 이제 비개발자도 개발자 개입 없이 유용한 마이크로 도구를 배포할 수 있다는 의미입니다. 셋째, 카탈로그와 리믹스 모델은 생태계 잠재력을 만듭니다. Claude 위에 구축된 AI 네이티브 도구의 마켓플레이스가 생기고, 사용량 경제는 창작자에게 공유를 장려하는 보상을 제공하며 벌점을 주지 않습니다.

Live Artifacts가 성숙하고, 특히 외부 시스템, 팀 워크스페이스, 거버넌스 모델과의 통합이 깊어질수록, 조직이 AI를 일상 업무에 실제로 통합했다고 느끼게 되는 주요 접점 중 하나가 될 가능성이 큽니다. 가끔 상담하고 잊어버리는 보조 도구가 아니라 말입니다.

자주 묻는 질문

Claude Live Artifacts를 사용하려면 코딩을 알아야 하나요?

아니요. Artifacts의 핵심은 원하는 것을 자연어로 설명하면 Claude가 코드를 작성한다는 것입니다. 사용자는 하위 구현이 아니라 렌더링된 인터페이스와 상호작용합니다. Code 탭은 원하는 사람에게 열려 있지만, 아티팩트를 사용하려고 그 안을 건드릴 필요는 없습니다.

일반 Claude Artifact와 Live Artifact의 차이는 무엇인가요?

일반 Artifact는 미리보기 패널에 렌더링되는 정적인 출력으로, 생성 시점에 만들어진 내용을 스냅샷처럼 보여줍니다. Live Artifact는 지속형 상태, 외부 데이터 연결, 아티팩트 내부에서 Claude의 API를 호출할 수 있는 기능을 추가해, 고정된 스냅샷이 아니라 새로고침되고 진화할 수 있습니다.

Claude Live Artifact를 Claude 계정이 없는 사람과 공유할 수 있나요?

네. 공유된 아티팩트는 링크로 접근할 수 있고, Claude 계정 없이도 브라우저에서 볼 수 있습니다. 로그인한 사용자는 한 단계 더 나아가 아티팩트를 자신의 워크스페이스에 복제해 맞춤 설정할 수 있습니다.

게시된 아티팩트의 비용은 어떻게 처리되나요?

게시된 아티팩트의 컴퓨팅 비용은 생성자가 아니라 최종 사용자의 사용량에 따라 청구됩니다. 즉, 다른 사람의 세션에 대한 지속적인 인프라 비용 없이 도구를 널리 공유할 수 있습니다.

Claude Live Artifacts는 어떤 종류의 도구에 가장 적합한가요?

Live Artifacts는 구조화된 UI가 필요하거나, 새로고침 가능한 데이터를 활용하거나, 원래 스프레드시트나 간단한 웹 앱이 필요했을 작업에 특히 뛰어납니다. 대표적인 예로는 대시보드, 워크플로 트래커, 인터랙티브 생성기, 프로토타입 인터페이스, 구조화된 지식 베이스가 있습니다.

---

단일 세션 아티팩트를 넘어서는 AI 워크스페이스를 찾고 계신가요? Eigent는 팀에 지속형 도구, 병렬 실행, 그리고 이미 사용 중인 앱과의 깊은 통합을 제공하는 멀티 에이전트 데스크톱 플랫폼입니다.