채팅 4번으로 게임 만들기…? Claude Artifacts

Riiuu·2025년 6월 26일
AIAnthropicClaudeartifacts
5
post-thumbnail

결과물 구경하기 🎮

▶️ AI Mind Reader Game 플레이해보기

🤖 "Claude야, 아키네이터 만들어줘" → 30분 뒤 AI 마음읽기 게임 완성

TL;DR 🚀

  • Claude에게 "아키네이터 같은 걸 만들어줘"라고 했더니 진짜로 만들어줌
  • 코딩 거의 없이 대화로만 개발 완료
  • 20개 질문으로 생각한 캐릭터를 맞추는 게임 완성
  • 다국어 지원까지 5분 추가 작업
  • 결론: Claude Artifacts 정말 강력함 👑

사건의 발단 🎭

어느 날 갑자기 아키네이터 같은 걸 만들고 싶어졌습니다. 하지만 문제가 있었죠...

나: "아키네이터 같은 스무고개 게임 만들고 싶은데..."
내 뇌: "서버 구축은? 데이터베이스 설계는? 배포는?"
나: "..."

그런데 Claude Artifacts라는 게 있다는 소식을 들었습니다 👀

Claude Artifacts가 뭔가요? 🤔

한 마디로 "AI와 대화하면서 앱을 만들 수 있는 혁신적인 플랫폼"입니다.

🔥 2025년 6월 26일 오늘 발표된 따끈한 소식!

Anthropic에서 Claude Artifacts의 전용 공간과 AI 기능을 직접 임베드할 수 있는 기능을 공식 발표했습니다!

새로운 핵심 기능들:

  • 📱 전용 아티팩트 공간: 사이드바에서 바로 접근 가능
  • 🎨 큐레이팅된 아티팩트: 영감을 얻을 수 있는 작품들 둘러보기
  • ⚡ 즉시 커스터마이징: 기존 작품을 몇 분 만에 내 스타일로 변경
  • 🤖 AI 기능 내장: window.claude.complete API로 앱 안에서 Claude와 대화
  • 💰 혁신적 경제 모델: 앱 제작자는 비용 부담 없이, 사용자가 자기 구독으로 이용

진짜 이런 게 가능해요?

  • ✅ 프로그래밍 지식 없어도 OK
  • ✅ 서버 설정 불필요
  • ✅ 배포? 링크 하나로 즉시 공유
  • ✅ 사용자가 내 앱을 써도 내가 비용 부담하지 않음 (각자 자기 계정 사용)
  • ✅ NEW! 앱 안에서 Claude AI와 직접 소통 가능

어떻게 이런 일이?

이미 수억 개의 아티팩트가 만들어졌고, 오늘 발표로 더욱 강력해졌습니다. "대화가 곧 창작"이라는 새로운 패러다임의 시작이죠!

개발 과정 = 자연스러운 대화 📱

1단계: "아키네이터 만들어줘"

나: 아키네이터처럼 20개 질문으로 캐릭터 맞추는 게임 만들어줘
Claude: 로그함수 원리를 활용한 효율적인 질문 전략으로...

첫 버전이 나왔는데 미리 정해진 캐릭터들만 맞추더군요.

2단계: "아니야, 그게 아니라..."

나: 특정 캐릭터가 데이터베이스에 있는 게 아니라 Claude AI 자체로 만드는 거야. 사용자가 어떤 캐릭터든 생각할 수 있잖아
Claude: 아! 그러면 window.claude.complete를 활용해서...

이때부터 진짜 재미있어졌습니다. 실시간 AI 추론으로 바뀌었거든요!

3단계: "정확도 좀 높여봐"

나: 20개 질문을 최대한 이용해서 정확도를 높여야 해
Claude: 18개까지는 무조건 질문하고 단계별 전략을 적용하겠습니다!

마지막 단계: "영어도 되게 해줘"

나: 한국어뿐만 아니라 영어도 가능할까?
Claude: 3분 뒤 다국어 지원 완료했습니다 ✨

게임 방식

  1. 아무 캐릭터나 생각하기 (실존인물, 애니메이션, 게임 캐릭터 등 뭐든 OK)
  2. AI가 질문하기
  3. 5개 선택지로 답하기: 예/그럴겁니다/모르겠습니다/아닐겁니다/아니오
  4. 20개 질문 안에 맞추면 AI 승리, 못 맞추면 인간 승리

실제 플레이 테스트

AI: "실존하는 인물인가요?"
나: "아니오" (포켓몬 피카츄 생각 중)

AI: "애니메이션 캐릭터인가요?" 
나: "예"

AI: "노란색인가요?"
나: "예"

AI: "전기 타입 능력이 있나요?"
나: "예"

AI: "피카츄입니다!"
나: "어떻게 이렇게 정확하게...?!"

개발하면서 배운 것들 💡

Claude와 효과적으로 소통하는 방법

  • 구체적으로 설명하기: "게임 만들어줘" ❌ → "아키네이터 같은 20문답 게임 만들어줘" ✅
  • 즉시 피드백 주기: 원하는 방향이 아니면 바로 수정 요청
  • 점진적 개선: 한 번에 완벽하게 만들려 하지 말고 단계별로 발전시키기

Claude Artifacts의 장점들

  1. 즉시 배포: 개발 완료와 동시에 공유 가능한 링크 생성
  2. 경제적 효율성: 서버 비용 걱정 없이 자유롭게 공유
  3. 실시간 수정: 버그나 개선사항을 대화로 즉시 반영
  4. AI 기능 내장: 단순한 웹사이트가 아닌 AI가 통합된 스마트 앱
  5. 🆕 전용 개발 환경: 오늘 발표된 전용 아티팩트 공간에서 체계적 관리
  6. 🆕 커뮤니티 생태계: 다른 사람의 작품을 보고 영감 얻고, 포크해서 개선 가능

🚀 오늘 발표된 게임체인저급 기능들

1. AI-Powered Apps의 진화

이제 단순한 정적 아티팩트가 아니라 Claude API를 내장한 진짜 AI 앱을 만들 수 있습니다:

// 이제 아티팩트 안에서 이런 게 가능해요!
const response = await window.claude.complete('사용자 질문 분석해줘');

2. 혁신적인 호스팅 모델

  • 제작자: 서버 비용 0원, 사용량 걱정 없음
  • 사용자: 자신의 Claude 구독으로 앱 사용
  • 결과: 완전 무료로 AI 앱 배포 및 확산 가능

3. 전용 아티팩트 공간

  • 📂 모든 작품을 한 곳에서 관리
  • 🎨 큐레이팅된 작품들에서 영감 획득
  • 🔧 기존 작품을 몇 분만에 커스터마이징
  • 🔗 원클릭 공유 및 포크

현재 한계점

  • 외부 API 연동 아직 지원 안 함
  • 데이터 영구 저장 불가 (세션 기반)
  • 하지만 프로토타입이나 MVP 제작에는 충분함

"대화가 곧 개발"인 새로운 시대 🌍

기존 개발 프로세스

아이디어 → 기획 → 디자인 → 프론트엔드 → 백엔드 
→ 데이터베이스 → API 연동 → 테스트 → 배포 → 운영

Claude Artifacts 개발 프로세스

아이디어 → Claude와 대화 → 완성

개발의 패러다임이 완전히 바뀌고 있습니다.

커뮤니티에서 만들어지고 있는 것들 👀

🔥 오늘 발표와 함께 소개된 혁신적 사례들

Rick Rubin의 "The Way of Code"

음악계의 전설 Rick Rubin이 81개의 명상과 인터랙티브 아티팩트를 결합한 프로젝트를 공개했습니다. "대화 자체가 창작의 형태"라는 철학을 실현한 작품이죠.

커뮤니티에서 실제 만들어진 것들

  • 플래시카드 앱: 단순한 카드 세트가 아닌, 사용자가 주제를 선택하고 AI가 실시간으로 카드를 생성하는 앱
  • 적응형 AI 튜터: 학습자 수준에 맞춰 문제 난이도 조절
  • 대화형 NPC 게임: 플레이어와의 대화를 기억하고 반응하는 캐릭터
  • 자연어 데이터 분석기: CSV 파일 업로드 후 일반 언어로 질문하면 분석 결과 제공
  • 창작 도우미: 소설이나 시나리오 작성 시 캐릭터 개발과 플롯 제안
  • 에이전트 워크플로: 복잡한 작업을 위해 여러 Claude 호출을 조율하는 시스템

앞으로 기대되는 발전 🚀

🆕 오늘 발표로 당장 사용 가능한 기능들

  • AI API 내장: 아티팩트 안에서 Claude와 직접 소통
  • 파일 처리: React와 결합한 리치 UI로 파일 업로드 및 처리
  • 포크 및 커스터마이징: 다른 사람의 아티팩트를 보고, 복사해서 수정
  • 무료 호스팅: Free, Pro, Max 사용자 모두 이용 가능

현재 베타 버전 한계

  • 외부 API 호출 아직 불가
  • 영구 데이터 저장 미지원
  • 텍스트 기반 완성 API로 제한

향후 로드맵

Claude Artifacts는 현재 베타 버전으로, 향후 업데이트 예정 기능들:

  • 외부 API 통합: 지도, 날씨, 뉴스 등 다양한 서비스 연동
  • 영구 데이터 저장: 사용자 정보나 앱 상태 지속성 제공
  • 더 고도화된 AI: 멀티모달 기능 등 확장된 AI 역량

결론: AI 개발 시작 🎉

개인적 소감

  • 진입 장벽 대폭 하락: 아이디어만 있으면 누구나 앱 제작자가 될 수 있음
  • 빠른 프로토타이핑: 아이디어 검증이 몇 분 만에 가능
  • 새로운 협업 경험: AI와 함께하는 창의적 문제 해결

개발자 역할의 변화

  • 코딩 기술자 → 아이디어 실현자
  • 문법 암기 → AI와의 효과적 소통
  • 반복 작업 → 창의적 문제 해결

마무리

음악 프로듀서 Rick Rubin의 "The Way of Code" 프로젝트에서 언급한 것처럼, 이제 "대화 자체가 창작의 한 형태"가 되었습니다.

앞으로는 프로그래밍 문법을 외우는 것보다 AI와 효과적으로 소통하는 능력이 더 중요한 개발 역량이 될 것 같습니다.

📌 관련 링크

P.S. 이 블로그 글도 Claude와 함께 작성했습니다. 그리고 오늘(2025년 6월 26일) Anthropic에서 발표한 따끈따끈한 업데이트를 실시간으로 반영했어요! 🤖

P.P.S. 정말 한 번 시도해보시길 추천합니다. 특히 오늘 업데이트로 더욱 강력해졌으니 지금이 시작하기 딱 좋은 타이밍이에요.

by Ryu 👨‍💻

profile
Riiuu
이전 포스트

Gemini CLI 두둥등장

다음 포스트

Cursor를 Web & Mobile에 싸서 드셔 보세요.

0개의 댓글