WorldClone Lab

개요

다양한 인구통계 프로필을 가진 AI 페르소나 집단을 생성하고, 시나리오 기반 월드 시뮬레이션을 실행해 제품/시장 검증 신호를 수집하는 플랫폼. 단순 챗봇이 아니라 페르소나 → 월드 → 시뮬레이션 → 신호(Signals)로 이어지는 데이터 파이프라인, 3D 페르소나 렌더링, 크레딧 경제, 커뮤니티 공유, IR 영상 자동 생성까지 하나의 제품 경험으로 묶었다. 로고/3D 에셋/대표 이미지를 넣으면 상단 카드와 상세 썸네일에서 이미지가 함께 표시되도록 준비했다.

내가 한 작업

• ▸Next.js 16 + React 19 + Supabase 풀스택 단독 구축
• ▸페르소나 CRUD 직렬화 감사(audit) 반영
• ▸Three.js 결정론적 렌더링 + WebGL 호환성 훅
• ▸15+ 상세 구현/계획 문서 · 아키텍처 결정 기록
• ▸Remotion을 통한 IR 영상 자동화 파이프라인

주요 기능

• 월드 생성/상세/다양성 분석
• 콘솔 — quick · new · simulation · batch 실행
• 신호(Signals) — 요약 · 통계 · 분포 · 응답 · 비교
• 커뮤니티 — 월드/시나리오/신호 공유
• 크레딧 결제 · 관리자 운영
• React 19 hook & purity 규칙 준수

핵심 포인트

• 대규모 TSX 코드베이스 · 체계적 구조
• Three.js + @react-three/fiber 3D 페르소나 렌더링
• Vitest + RTL + MSW 기반 회귀 테스트
• Chrome headless E2E 스모크
• Remotion 기반 IR 영상 자동 생성
• 크레딧 경제 · 관리자 운영 기능

타임라인

기술 스택

</>Next.js 16 · Three.js · Supabase · Remotion

링크