원문 정보
- 제목: Build and share AI-powered apps with Claude
- 링크: claude.com/blog/claude-powered-artifacts
- 발행: 2025년 6월 25일 (이후 7월 17일 PDF·이미지 업로드 추가)
- 카테고리: Product announcements
글의 요지
같은 날(2025년 6월 25일) 공개된 "Turn ideas into interactive AI-powered apps" 의 개발자·기술 측면 짝글. 두 글은 같은 기능을 다른 청중에게 전달한다.
제품 측면 글 (#28): "코딩 없이 앱을 만든다"
개발자 측면 글 (이 글): "진짜 코드를 작성·공유하는 인프라"
핵심 기술 — window.claude.complete()
이 글에서 공개된 핵심 API는 Artifact 안에서 부르는 Claude 호출 함수다.
const response = await window.claude.complete('prompt to complete');이 한 줄로 Artifact에서 Claude를 다시 호출할 수 있다. Anthropic은 이걸 "Claude in Claude" 또는 "Claudeception" 이라고 부른다.
경제 모델의 결정적 설계
"진짜로 공유 가능한 경제학(economics that actually work for sharing)"
기존 AI 앱 빌더의 문제 — 인기 있으면 창작자의 청구서 폭발 — 가 풀렸다.
- 사용자가 자기 Claude 계정으로 인증
- 사용량은 사용자의 구독 한도에서 차감
- 창작자는 누가 쓰든 비용 0
Anthropic이 제시한 5가지 카테고리
본문에서 직접 거론한 활용 예:
- AI 게임: NPC가 대화를 기억하고 플레이어 선택에 적응
- 학습 도구: 사용자별 수준 조정 + 개인 맞춤 튜터링
- 데이터 분석 앱: CSV 업로드 후 자연어로 후속 질문
- 글쓰기 어시스턴트: 스크립트, 기술 문서까지 다양
- 에이전트 워크플로: 복잡한 작업을 위한 다중 Claude 호출 오케스트레이션
실제 빌드 플로
본문이 명시한 시작 프롬프트:
"Create a simple chatbot that uses Claude. Respond with compliments to every user input."
이 한 줄이면 Claude가 칭찬 봇 Artifact를 만들어준다. 이걸 시작점으로 점진적으로 복잡하게 키워나가는 패턴.
보안 모델
브라우저 샌드박스 + CSP 헤더 + iframe sandbox 위에 구축. window.claude.complete()는 이 샌드박스에서 유일하게 허용된 외부 통신 채널. localStorage, fetch 같은 일반 웹 API는 여전히 제한.
2026년에 다시 읽으며 — 내가 본 것
1. "Claudeception"이라는 우연한 이름의 구조적 의미
Anthropic이 본문에서 슬쩍 던진 표현 — "Claude in Claude" 또는 "Claudeception". 일반인에겐 농담처럼 들리지만, 사실 이건 재귀적 AI 시스템(recursive AI system) 의 구조를 정확히 가리키는 단어다.
지금까지의 AI 앱:
- 사용자 → Claude → 답변 (1단계)
Claudeception 이후:
- 사용자 → Artifact → Artifact가 다시 Claude 호출 → 결과 → 사용자 (2단계)
- 또는 더 깊게: Artifact → Claude → 또 다른 Claude → 결과 (n단계)
이 재귀 구조가 만드는 가능성:
- 자가 평가: Claude가 자기 답을 다른 Claude에게 검토시킴
- 다중 페르소나: 한 앱 안에서 여러 역할의 Claude가 협업
- 계층적 추론: 메인 Claude가 서브 Claude에게 위임
- 비용 최적화: 어려운 부분만 Opus, 단순한 건 Haiku
이 패턴이 Multi-Agent Research System (2025년 6월), Skills SDK, Cowork Agent Teams (2026) 의 직접적 토대다. Artifact는 이런 멀티 에이전트 시스템을 개인 사용자도 만들 수 있도록 한 첫 사례다.
2. Simon Willison의 "Anthropic의 마케팅 능력"에 대한 농담
Simon Willison이 이 발표를 보고 남긴 코멘트가 흥미롭다:
"I'm amused that Anthropic turned 'we added a window.claude.complete() function to Artifacts' into what looks like a major new product launch, but I can't say it's bad marketing for them to do that!"
번역: "Anthropic이 'Artifact에 window.claude.complete() 함수 하나 추가했다'를 마치 거대한 신제품 출시처럼 포장한 게 재밌다. 그렇지만 마케팅으로는 나쁘지 않다고 인정할 수밖에 없다."
이 코멘트의 함의는 두 가지다.
기술적 진실: 이 기능은 정말로 JS 함수 하나 추가다. 코드량으로 보면 거의 사소한 변경.
제품적 진실: 그 함수 하나가 모든 Artifact를 잠재적 AI 앱으로 만든다. 사소한 기술 변경이 거대한 제품 가치를 푼다.
Anthropic의 제품 전략에서 이런 패턴이 반복된다 — 작은 기술 추가를 큰 제품 메시지로 전환. MCP 서버 지원, Citations, Prompt Caching 같은 것들도 비슷한 형태였다. "기능"보다 "무엇을 가능하게 하는가" 를 강조하는 마케팅 언어가 일관된다.
3. "공유의 경제학" — 플랫폼 게임의 결정적 변수
본문이 강조하는 표현 — "economics that actually work for sharing".
이게 왜 강조되는가? 비교 대상을 보면 이해가 된다.
| 플랫폼 | 공유 비용 모델 | 결과 |
|---|---|---|
| OpenAI GPTs | 창작자의 GPT Plus 구독으로 실행 | 인기 GPT의 한도 초과 빈번 |
| Vercel AI SDK 앱 | 창작자가 OpenAI/Anthropic API 키 결제 | 유저 1만 명 = 비용 폭발 |
| Cloudflare Workers AI | 종량제 무료 한도 후 사용자 결제 | 가능하지만 셋업 복잡 |
| Claude Artifacts | 사용자 본인 구독으로 실행 | 창작자 부담 0 |
이 차이의 실용적 결과는 명확하다. Artifact 창작자가 인기를 두려워하지 않는다. 더 많이 공유할수록 더 많은 사람에게 도움이 되지만, 창작자에게 비용 청구서가 가지 않는다.
이 경제 설계가 Anthropic의 데이터 자산을 키운다. Artifact가 많이 만들어지고 공유되면:
- 사용자 데이터 증가 (어떤 요청이 잘 작동하는지)
- 모델 학습 데이터 풍부화
- 에코시스템 록인: 친구가 공유한 Artifact를 쓰려면 Claude 계정이 필요 → 사용자 유입
OpenAI GPTs 마켓플레이스가 정체된 반면 Claude Artifacts 공유가 활발한 이유 중 하나가 이 경제 차이다.
4. "코드 가시성"이라는 차별점
본문의 한 줄 — "Claude writes real code that orchestrates complex AI functionality. You can see it, modify it, and share it freely."
이 한 줄에 담긴 메시지:
- "진짜 코드": ChatGPT GPTs는 시스템 프롬프트만 노출, Artifacts는 실행 가능한 JavaScript 코드 전체 노출
- "수정 가능": 코드 자체를 사용자가 직접 손볼 수 있음
- "자유로운 공유": 라이선스 제약 없음, 마음껏 fork 가능
이 차별화가 개발자 커뮤니티의 마음을 잡는 데 결정적이었다. ChatGPT GPTs가 "프롬프트 엔지니어링 마켓"이라면, Claude Artifacts는 "오픈소스에 가까운 에이전트 마켓" 이다.
2026년 현재 made.withclaude.com 같은 갤러리에 수백 개의 공개 Artifact가 있고, 많은 것들이 fork → 개량 → 재공유 패턴으로 진화한다. GitHub의 코드 공유 문화가 AI 앱 영역에 이식된 모양새다.
5. "프로덕션 경로"의 명확한 안내
본문 끝에 가볍게 들어간 메시지 — "Once your artifact is working, you can move to production through Claude Code."
이 한 줄이 의미하는 것:
- Artifact = 프로토타입 환경
- Claude Code = 프로덕션 환경
- 같은 모델, 같은 회사, 같은 패러다임 — 연속된 개발 경험
다른 AI 도구와 비교하면 차이가 보인다.
- ChatGPT GPTs → 프로덕션? 자체 LLM API 통합해서 새로 만들어야
- Vercel v0 → 프로덕션? Next.js 코드 다운로드해서 직접 운영
- Claude Artifact → Claude Code: 같은 회사 도구로 자연스럽게 이전
이 통합된 경로가 개인 개발자에서 스타트업까지 Claude 생태계로 끌어들이는 깔때기 역할을 한다. 2026년 현재 "Artifact로 시작 → Claude Code로 확장 → API로 프로덕션 운영" 패턴을 따르는 스타트업이 많다.
6. 1년 후, "Skills"로 진화한 패턴
이 글의 6월 25일 시점에서 멀티-Claude 오케스트레이션은 창작자가 직접 코드로 짜야 했다. 약 4개월 후인 2025년 10월 Agent Skills가 공개됐을 때, 같은 패턴이 선언적으로 가능해졌다.
진화 정리:
- 2025년 6월 (이 글): Artifact 안에서
window.claude.complete()호출 — 명령적 - 2025년 8월:
code_execution_20250825도구 — Claude API에서 코드 실행 - 2025년 10월: Agent Skills —
SKILL.md폴더 구조로 선언적 - 2025년 12월: Skills를 오픈 표준으로 공개 (cross-platform)
- 2026년 1월: Cowork Agent Teams — 멀티 에이전트의 데스크톱 버전
이 진화의 시작점이 이 6월 25일의 window.claude.complete() 함수다. 하나의 JS 함수가 1년에 걸친 에이전트 생태계 진화를 이끌었다.
마무리
이 글은 같은 날 나온 #28 Artifacts 공지 와 짝으로 읽어야 의미가 완성된다.
- #28 (제품 메시지): "누구나 앱을 만들 수 있다"
- 이 글 (개발자 메시지): "진짜 코드 + 실제 API + 공유 가능한 경제학"
전자가 비개발자를 끌어들이고, 후자가 개발자에게 진지한 도구임을 인증한다. 두 메시지의 결합이 Artifact를 2025년 후반의 가장 활발한 AI 앱 빌더 플랫폼으로 만들었다.
작아 보이는 한 줄의 JavaScript 함수가 "AI가 AI를 호출하는 재귀 구조" 를 개인 개발자에게 풀어준 결과 — 그 진화의 출발선이 이 글이다.
