발표에서 확인된 핵심 사실

작업 내용을 공유하는 방식은 지금까지 정적인 기록과 실시간 확인이라는 두 갈래로 나뉘어 있었다. 개발자가 비개발자 팀원에게 진행 상황을 알리려면 일일이 스크린샷을 찍거나 보고서 문서를 만드는 번거로운 과정을 거쳐야 했다. Anthropic은 이 간극을 메우기 위해 Claude Team과 Enterprise 플랜 사용자에게 Claude Code의 작업물을 실시간 웹페이지로 변환하는 Artifacts(아티팩트, AI가 생성한 결과물을 별도 창에 보여주는 기능)를 도입했다.

이 기능은 터미널에서 진행한 작업 세션을 상호작용이 가능한 맞춤형 HTML 웹페이지로 즉시 바꾼다. 사용자는 복잡한 코드 뭉치를 그대로 전달하는 대신, 대시보드나 앱 디자인이 실제로 구현된 인터랙티브 URL을 생성해 팀원들에게 공유할 수 있다. 결과물을 확인하기 위해 별도의 서버 환경을 구축하거나 복잡한 설정을 할 필요 없이, 웹 브라우저만으로 AI가 만든 성과물을 즉시 확인하고 조작하는 구조다.

Claude Code Artifacts는 터미널과 웹페이지를 잇는 실시간 통역사 역할을 수행한다. AI가 터미널 세션에서 작업을 이어가면, 열려 있는 웹페이지의 차트와 텍스트가 동일한 URL 내에서 즉시 업데이트되며 화면이 새로고침된다. 모든 업데이트 내역은 새로운 버전 기록으로 생성되어 저장된다. 덕분에 팀원들은 데스크톱이나 모바일 기기를 통해 AI의 작업 진행 상황을 안전하게 추적하거나, 필요할 때 이전 상태로 되돌려 검토하는 작업이 가능하다.

백엔드 인프라를 지원하는 프로덕션 환경 구축을 지향한다

개발자가 작업 내용을 비개발자 팀원에게 설명하려면 스크린샷을 찍고 보고서를 만드는 수고가 필요했다. Claude Code는 작업 세션을 실시간으로 업데이트되는 공유 가능한 HTML 웹페이지인 아티팩트로 변환한다. 각 아티팩트는 최대 16 MiB 크기의 자립형 HTML 페이지로 제공된다. 수동으로 버그를 설명하거나 상태 보고서를 쓰던 번거로움을 덜어주는 도구다.

보안을 위해 모든 외부 네트워크 요청을 차단하는 엄격한 콘텐츠 보안 정책(CSP, 브라우저가 허용된 경로의 데이터만 주고받게 제한하는 규칙)을 적용했다. 서버와 데이터를 주고받지 않는 상태 없는 캔버스 방식이다. 소프트웨어를 만드는 것이 아니라 화이트보드 다이어그램 같은 시각화 자료를 안전하게 공유하는 데 집중했다.

반면 OpenAI의 Sites는 백엔드 인프라를 지원하는 프로덕션 환경 구축을 지향한다. Cloudflare Worker 호환 ES 모듈(전 세계 서버에서 즉시 실행 가능한 자바스크립트 표준 파일) 형태로 출력된다. 구조화된 데이터를 저장하는 D1 관계형 데이터베이스와 파일 업로드를 위한 R2 객체 스토리지를 자동으로 연결한다. 기능적인 내부 SaaS(클라우드 기반 소프트웨어 서비스) 도구를 대체하도록 설계된 구조다.

별도 서버 구축 없이 내부 보고용 대시보드나 시스템 다이어그램을 즉시 시각화해 공유하고 싶다면 아티팩트가 적합하다. 반면 실제 데이터 저장과 관리가 필요한 정식 웹 애플리케이션이 목적이라면 Sites가 대안이 된다. 목적에 따라 단순 시각화 도구와 실제 구동되는 소프트웨어 중 하나를 선택하는 기준이 된다.

확인해야 할 핵심 지점

무료처럼 보이는 AI 도구라도 기업용 서비스로 확장되면 결국 사용자를 특정 생태계에 묶어두는 수익 구조가 작동한다. 개발자가 작업 내용을 보고하기 위해 일일이 스크린샷을 찍거나 문서를 만들던 번거로움은 Claude Code의 아티팩트로 해결된다. 작업 세션을 실시간으로 업데이트되는 HTML 웹페이지로 바꿔 바로 공유할 수 있기 때문이다. OpenAI Sites가 지속 가능한 풀스택 웹 애플리케이션을 만드는 PaaS(플랫폼 서비스, 앱 개발과 운영을 한 번에 제공하는 환경)를 지향한다면, Anthropic의 아티팩트는 상태가 없는 캔버스 방식을 택했다. 데이터를 영구적으로 저장하지 않고 요청 시점에만 화면을 그려내는 방식이다. 16MiB 용량 제한이 있는 단일 HTML 파일로 구성되며, CSP(콘텐츠 보안 정책, 외부 네트워크 요청을 차단해 보안을 강화하는 규칙) 구조를 통해 외부 연결을 막는 일회성 시각화 도구에 가깝다. 단순한 결과물 공유를 넘어 복잡한 코드의 실행 상태를 웹페이지 형태로 즉시 전달하는 효율을 제공하며, 별도 서버 구축 없이 내부 보고용 대시보드나 시스템 다이어그램을 시각화해 공유하려는 팀에 적합한 기준이 된다.

편의성 뒤에는 폐쇄적인 독점 라이선스 모델이 자리 잡고 있다. Anthropic과 OpenAI 모두 MIT나 Apache 2.0 같은 오픈소스 라이선스를 채택하지 않았다. 사용자가 코드를 가져가 독립적으로 수정하는 포크(fork, 기존 코드를 복제해 별도로 개발하는 것)나 자체 서버에 설치하는 호스팅이 불가능하다. 기업 고객은 화면을 그려내는 렌더링 엔진이나 시스템을 연결하는 통합 노드에 대한 코드 수준의 소유권을 가질 수 없다. 모든 작업은 제공업체가 관리하는 인프라 안에서만 작동한다. 이는 기업이 AI 도구에 의존할수록 해당 플랫폼의 인프라에서 벗어나기 어려운 구조다.

개발자가 작업 내용을 설명하려고 일일이 스크린샷을 찍고 보고서를 쓰던 번거로움이 사라진다. Claude Code는 작업 세션을 실시간으로 업데이트되는 HTML 웹페이지로 바꿔 공유할 수 있게 해주기 때문이다.

서버를 구축해 앱을 만드는 방식이 아니라, 16MiB 이하의 단일 파일에 외부 연결을 차단하는 보안 설정을 더해 화면만 그려내는 상태 없는 캔버스 방식이다. 별도 서버 없이 내부 보고용 대시보드나 시스템 다이어그램을 즉시 시각화해 공유해야 한다면 지금 바로 이 기능을 활용해 보길 권한다. 복잡한 인프라 구축 없이 결과물을 즉각 증명하는 방식이 개발 협업의 새로운 기준이 된다.