본문으로 건너뛰기
r/vibecoding조회 1

Typocalypse: 가입 불필요한 브라우저 게임을 Fable 5로 만든 개인 프로젝트

Fable 5로 초기 스펙부터 13개 패키지 구현까지 자동화하여 플레이 가능한 브라우저 게임 데모를 만들어 공개한 프로젝트이다.

이 요약은 AI가 원문을 분석해 생성했습니다. 정확한 내용은 원문 기준으로 확인하세요.

TL;DR

작성자는 Fable 5와 Matt Pocock의 grill-me 스킬을 이용해 초기 스펙을 자동 생성하고 총 13개의 패키지를 정의한 뒤 10개의 서브에이전트를 통해 각 패키지를 구현하여 브라우저에서 플레이 가능한 게임 데모를 만들었다. 구현 방식은 스킬로 스펙을 생성하고 중앙 오케스트레이터가 서브에이전트에 작업을 할당하면 에이전트들이 패키지 코드를 출력하는 파이프라인이었다. 실제로 결과는 즉시 플레이 가능할 정도였으나 일부 요구사항을 명확히 하지 않아 작성자가 수동으로 수정한 부분이 존재한다는 점에서 프롬프트 설계의 중요성과 사람의 검토가 병행되어야 함이 확인되었다.

실용적 조언

  • 프롬프트를 명확히 정의하면 에이전트가 생성하는 결과의 품질이 크게 향상된다는 점이 경험적으로 확인되었다. 스펙 생성 단계에서 기대 출력 예시와 경계 조건을 제공하면 서브에이전트별 구현 단계에서 수동 수정 빈도를 줄일 수 있다. 에이전트 기반 분할을 적용할 때는 각 서브에이전트의 책임 범위를 문서화하고 통합 테스트 절차를 마련해야 한다.

섹션별 상세

01
작성자는 Fable 5와 Matt Pocock의 grill-me 스킬을 이용해 초기 스펙을 생성하고 총 13개의 작동 패키지를 정의한 후 프로젝트를 초기화했다고 밝혔다. 초기화된 기반 위에서 작성자는 프롬프트로 각 패키지의 구현을 요청했고, 그 과정에서 10개의 서브에이전트를 동원하여 패키지별로 작업을 분담하도록 구성했다. 게시물에서는 이 워크플로우가 즉시 동작하는 결과물을 만들어냈으며 일부 명확히 규정하지 않은 사항은 수동으로 수정했다고 구체적으로 적시되어 있다. 이 사례는 에이전트 기반 분할·조정 방식이 짧은 시간에 프로토타입 게임을 생산하는 데 효과적이라는 실증적 근거를 제공한다.
02
작성자는 Fable의 결과 품질을 높게 평가했고 모델이 초기부터 '플레이 가능한' 상태를 만들어냈다고 보고했다. 작동 방식은 스킬로 스펙을 만들고, 그 스펙을 바탕으로 에이전트들이 각 패키지를 구현하는 파이프라인으로 이루어졌다. 게시물에는 패키지 수(13)와 사용한 서브에이전트 수(10)라는 구체적 수치가 포함되어 있어 재현 가능성의 단초를 제공한다. 이 경험은 LLM을 사용한 프로젝트 부트스트래핑에서 명확한 입력 설계와 사람의 검토가 여전히 필수적이라는 실무적 교훈을 보여준다.
03
작성자는 프롬프트의 명확성이 결과 차이에 직결되었다고 기술했고 따라서 프롬프트 설계가 워크플로우 핵심이라고 보고했다. 구체적 처리 흐름은 스킬이 스펙을 생성하고 중앙 오케스트레이터가 서브에이전트에 작업을 할당하면 에이전트가 코드나 패키지를 출력하는 형태였으며, 출력된 결과물은 작성자가 부분적으로 수정하여 최종 품질을 확보했다. 게시물은 별도의 벤치마크는 제시하지 않지만 '플레이 가능'이라는 상태와 소정의 수동 수정을 근거로 자동화의 한계와 장점을 동시에 보여주었다. 이 접근은 빠른 프로토타이핑이 가능하나 초기 설계·테스트·검증 단계를 소홀히 할 경우 품질 문제가 발생함을 시사한다.

이미지 분석

브라우저에서 실행되는 게임 화면의 스크린샷으로 플레이어와 적 캐릭터, UI 요소가 표시되어 있는 상태이다.
Screenshot

이미지는 게임의 실제 UI와 시각적 상태를 전달하며 데모가 플레이 가능한 상태임을 시각적으로 뒷받침한다. 화면 중앙의 플레이어, 좌우의 다른 객체들, 상단의 WAVE 표시와 점수는 게임 로직과 UI 피드백이 구현되어 있음을示한다. 이 스크린샷은 프로젝트 결과물이 단순한 텍스트 출력이 아니라 인터랙티브한 애플리케이션이라는 근거로 사용될 수 있다.

브라우저에서 실행되는 게임 화면의 스크린샷으로 플레이어와 적 캐릭터, UI 요소가 표시되어 있는 상태이다.

용어 해설

프롬프트 엔지니어링(Prompting)
프롬프트 엔지니어링은 LLM에 전달하는 입력 문장을 설계하여 원하는 출력 패턴을 유도하는 기법이다. 입력(prompt)을 구조화하고 예시나 제약을 추가하면 모델이 생성할 코드나 스펙의 품질이 달라진다. 본 글에서는 초기 스펙 생성과 패키지 구현을 위해 명확한 지침이 필요했음이 경험적으로 확인되었다.
에이전트(작업 분할자)(Agent)
Agent는 특정 작업을 독립적으로 수행하도록 설계된 보조 LLM 프로세스 또는 서브 워커를 의미한다. 입력을 받아 내부 의사결정 로직을 실행하고 결과물을 반환하며, 다수의 에이전트를 조합하면 복잡한 프로젝트를 분할·병렬 처리할 수 있다. 게시물에서는 10개의 서브에이전트가 각각 패키지 구현을 담당하여 초기 개발 속도를 높였다.
스킬(작업 템플릿)(Skill)
Skill은 반복되는 작업을 표준화한 템플릿이나 능력 집합으로서 LLM에게 특정 역할을 맡길 때 입력과 기대 출력을 규정하는 구성요소이다. Skill을 적용하면 동일 유형 작업에서 일관된 결과를 얻기 쉬워지며, Matt Pocock의 'grill-me' 스킬이 초기 스펙 생성에 사용되었다. 스킬 기반 워크플로우는 프로젝트 초기 단계의 자동화에 유용하다.

언급된 도구

Fable 5추천

LLM을 이용한 초기 스펙 생성과 패키지 구현 자동화에 사용된 모델

언급된 리소스

AI 분석 전체 내용 보기

AI 요약 · 북마크 · 개인 피드 설정 — 무료

출처 · 인용 안내

원문 발행 2026. 07. 06.수집 2026. 07. 06.출처 타입 REDDIT

인용 시 "요약 출처: AI Trends (aitrends.kr)"를 표기하고, 사실 확인은 원문 보기 기준으로 진행해 주세요. 자세한 기준은 운영 정책을 참고해 주세요.