| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- cursor
- Claude
- claude code
- 안드로이드
- ai코딩
- 안드로이드 튜토리얼
- Android
- Anthropic
- 오픈모델
- LLM
- 안드로이드 기초
- MCP
- 홍드로이드
- 바이브코딩
- ChatGPT
- 무료 ai
- 무료 LLM
- qwen
- GPT-5.6
- 개발자
- Gemini
- AI 에이전트
- Android Studio
- 앤트로픽
- OpenAI
- 카드 없이
- ai 뉴스
- AI 코딩
- 안드로이드 스튜디오
- codex
- Today
- Total
홍드로이드의 야매코딩
Claude Fable 5로 만든 바이브코딩 결과물 총정리 — 게임·앱·엔지니어링 실제 사례 본문

"만들어줘" 한마디에 게임이, 앱이, 심지어 3D 프린팅용 CAD 모델까지 통째로 나옵니다. 2026년 6월 공개된 Claude Fable 5는 바이브코딩 벤치마크(ViBench)에서 지금까지 나온 모든 모델 중 1위를 찍었어요. 말이 아니라 결과물로 증명된 셈이죠. 공개 첫 72시간 동안 사람들이 실제로 만들어낸 것들을 게임·앱·엔지니어링·일상 4갈래로 모아, 벤치마크 근거와 따라 하는 법까지 정리했습니다.
📱 앱/SaaS — 네이티브 iOS 칼로리 앱, 스크린샷 한 장 → 앱 복원
🛠️ 엔지니어링 — 스트라이프 5,000만 줄 마이그레이션 하루, V8 엔진 CAD 10분
📅 일상 — 77인치 OLED 벽걸이 대시보드, 통합 SNS 분석판
📊 근거 — SWE-bench Pro 80.3%, 스크린샷만으로 앱 소스 복원
왜 Fable 5가 바이브코딩에 강한가
결과물을 보기 전에 왜 잘 나오는지 짚고 갈게요. 바이브코딩은 "긴 대화 동안 맥락을 안 놓치고, 스스로 검증하며 끝까지 밀어붙이는 힘"이 핵심인데, Fable 5는 바로 그 지점이 세졌습니다.
(Opus 4.8: 69.2%)
바이브코딩 벤치마크
장기 과제 성능↑
특히 눈에 띄는 건 스크린샷만으로 웹앱 소스를 복원하는 능력. 원본 코드도, DOM 검사도 없이 화면 이미지만 보고 똑같이 동작하는 앱을 다시 짜냅니다. 게다가 포켓몬 파이어레드를 지도·힌트 없이 순수 화면 인식만으로 엔딩까지 클리어했어요. "보고 이해해서 만든다"가 되니까, 아래 결과물들이 가능해진 겁니다.
🎮 게임 — 한 문장이 놀이터가 되다
가장 화제였던 카테고리. 브라우저에서 바로 돌아가는 게임들이 프롬프트 몇 줄로 쏟아졌어요.
Matt Shumer가 만든 걸어 다닐 수 있는 호그와트 — 교실, 대연회장, 퀴디치 경기장까지 통째로 탐험형 3D 공간으로 구현. "성을 만들어줘" 수준의 요청에서 출발했습니다.
ChrissGPT가 단 20분에 뽑아낸 마크 스타일 월드. 여러 바이옴, 낮·밤 사이클, 광물 종류, 동굴까지 들어간 실제 플레이 가능한 결과물이었어요.
브라우저에서 도는 8페이지 분량의 백룸(Backrooms) 탈출 게임 — 오디오까지 얹혀 분위기를 살렸습니다. 게임 기획·레벨·사운드가 한 번에 나온 사례.
와튼스쿨 교수 Ethan Mollick이 각각 프롬프트 하나로 만든 세 개의 미니 게임. "랜턴이 밝히는 터널 미로", 시를 따라 거니는 게임 등 — 즉석에서 노는 감각을 그대로 보여줬죠.
📱 앱 & SaaS — 문장·스크린샷이 제품으로
Anshu는 그냥 "극도로 기분 좋은(delightful) 칼로리 트래커"라고만 요청했는데, 진짜 네이티브 iOS 앱이 나왔어요. 애매한 감성 요구를 UI로 번역해내는 게 포인트.
원본 코드 없이 화면 캡처만 던졌더니 똑같이 동작하는 앱을 다시 지어냈습니다. "이 앱이랑 똑같이 만들어줘"가 실제로 되는 셈. 위에서 말한 스크린샷→소스 복원 능력의 실사용 예입니다.
Alex Prokhorov는 프롬프트 한 번에 "디자이너가 뽑은 첫 시안" 수준의 랜딩 페이지를 받았어요. 색·여백·타이포까지 스스로 감각적으로 결정합니다.
🛠️ 엔지니어링 — 장난감이 아니라 실무
여기가 Fable 5의 진짜 무서운 지점. 몇 달 걸릴 실무를 며칠로 압축합니다.
결제사 Stripe가 5,000만 줄짜리 Ruby 코드베이스 전면 마이그레이션을 Fable 5로 하루 만에 끝냈습니다. 엔지니어 팀이 손으로 하면 두 달 넘게 걸릴 작업이었죠. 바이브코딩이 "취미"를 넘어 프로덕션으로 넘어간 상징적 사례.
Aaron은 완전히 동작하는 V8 엔진 CAD 모델을 10분 안에 생성했어요. 심지어 Fable 5는 브라우저 기반 CAD 편집기 자체와 그 안의 AI 코파일럿까지 스스로 만들어 3D 프린팅용 모델을 설계하기도 했습니다.
행성 궤도를 물리 제1원리에서 직접 유도해 시뮬레이션을 만들고, 그걸로 일식까지 예측했어요. "그럴듯한 코드"가 아니라 원리를 이해하고 짜낸다는 증거.
📅 일상 — 내 삶에 맞춘 소프트웨어
한 사용자는 77인치 OLED에 띄우는 벽걸이 캘린더 대시보드를 만들고, 음악·스트리밍 컨트롤까지 붙였어요. "우리 집 벽에 딱 맞는" 소프트웨어를 직접 짜는 시대.
Substack·인스타그램·스레드·페이스북·링크드인 지표를 한 화면에 모아 추세 분석하고 콘텐츠 라이브러리까지 붙인 개인용 대시보드. 흩어진 계정 관리를 나만의 툴로 통합한 케이스.
벤치마크로 보는 근거
| 벤치마크 | 의미 | Fable 5 |
|---|---|---|
| SWE-bench Pro | 실제 GitHub 이슈 해결(에이전틱 코딩) | 80.3% (Opus 4.8: 69.2%) |
| ViBench | 엔드투엔드 바이브코딩 | 테스트한 모델 중 1위 |
| FrontierCode | 고난도 프런티어 코딩 | 중간 노력에서도 최고점 |
| 스크린샷 → 코드 | 화면만 보고 앱 소스 복원 | 원본·DOM 없이 가능 |
숫자가 곧 위의 결과물로 이어집니다. 긴 과제를 안 놓치고(SWE-bench Pro), 완성까지 밀어붙이고(ViBench), 화면만 봐도 이해하니까 게임·CAD·마이그레이션이 한 번에 나오는 거예요.
나도 이런 결과물 만드는 법
위 사례들의 공통 패턴을 뜯어보면 따라 하는 법이 보입니다. 화려한 결과일수록 프롬프트는 오히려 단순·구체했어요.
① 결과물 유형 + 감성 형용사 — "극도로 기분 좋은 칼로리 앱"처럼 무엇을·어떤 느낌으로를 한 문장에.
② 참고 화면을 던진다 — 만들고 싶은 앱의 스크린샷을 첨부하면 "이거랑 똑같이"가 통합니다.
③ 한 번에 다 X, 확장은 O — 먼저 뼈대를 뽑고 "여기에 낮·밤 사이클 추가"처럼 이어붙이기.
④ 검증을 시킨다 — "동작 확인하고 안 되면 스스로 고쳐줘"로 에이전틱 루프를 열어두기.
실제로 손에 쥐고 시작하려면 CLAUDE.md 작성법 /76으로 규칙을 깔고, Claude Code 5대 확장 기능 /149으로 서브에이전트·스킬을 얹으면 위 결과물에 훨씬 가까워집니다. 흔한 함정은 바이브코딩 실수 7가지 /146에서 미리 피하세요.
자주 묻는 질문
간단한 게임·랜딩페이지·개인 대시보드는 비개발자도 충분히 가능합니다. 다만 배포·보안은 여전히 사람이 챙겨야 해요. 결과물을 그대로 서비스에 올리기 전엔 반드시 점검하세요.
대규모 마이그레이션은 기존 테스트 스위트가 촘촘할 때 진가를 발휘합니다. AI가 바꾸고 → 테스트가 검증하는 루프가 있어야 5,000만 줄도 하루에 도는 거예요. 테스트 없는 코드베이스라면 먼저 안전망부터.
Claude 앱과 Claude Code, API에서 사용할 수 있습니다. 장기·비동기 과제에 특화됐으니, 빠른 단발 작업엔 Opus 4.8 같은 모델과 용도에 맞게 나눠 쓰는 편이 비용·속도 면에서 유리해요.
✨ 정리 — Fable 5의 바이브코딩은 이제 "신기한 데모"를 넘어 실무·일상으로 내려왔습니다. 핵심은 모델이 아니라 당신의 아이디어와 검증 루프. 오늘 만들고 싶은 것 한 문장을 던져보세요.
출처: Anthropic 공식 발표(Claude Fable 5 & Mythos 5), Anthropic Claude Fable 소개 페이지, 커뮤니티 빌드 사례 모음(첫 72시간). 벤치마크 수치는 SWE-bench Pro·ViBench·FrontierCode 공개 리포트 기준. 사례의 세부 스펙은 제작자별 게시물에 따라 다를 수 있습니다.
'AI & Vibe Coding' 카테고리의 다른 글
| 내 문서로 답하는 AI 챗봇 만들기 — 무료 RAG 실전 예제 (0) | 2026.07.04 |
|---|---|
| NVIDIA Build API 키로 나만의 AI 챗봇 만들기 — 무료 바이브코딩 예제 (0) | 2026.07.04 |
| Claude Code 200% 활용 — 5대 확장 기능 총정리 (완벽 세팅 가이드) (0) | 2026.07.03 |
| Claude Code Skills 완전정복 — SKILL.md로 나만의 작업 절차서 만들기 (0) | 2026.07.03 |
| Claude Code 서브에이전트 완전정복 — 전문 AI 여러 개로 병렬 작업 (0) | 2026.07.03 |
