Skip to content

madcamp-Screening-Humanity/madcamp-Screening-Humanity-FRONT

Repository files navigation

🎭 인생극장 (Screening Humanity) - Frontend

AI가 만들어내는 드라마 역할극 플랫폼 > AI 캐릭터와 함께 당신만의 시나리오를 완성하고, 직접 배우가 되거나 감독이 되어 극을 이끌어보세요.

스크린샷 2026-01-28 182236

주요 기능 (Key Features)

1. 두 가지 플레이 모드

  • 주연 모드 (Actor Mode): 사용자가 직접 극의 주인공이 되어 AI 캐릭터와 1:1로 호흡을 맞추며 몰입감 있는 연기를 펼칩니다.
  • 감독 모드 (Director Mode): 두 명의 AI 배우를 무대에 배치하고, 제3자의 시선에서 대화의 흐름을 관찰하며 '연출 지시(Director's Note)'를 통해 극의 방향을 제어합니다.

2. 지능형 시나리오 생성

  • 사용자가 입력한 단순한 키워드와 상황을 AI가 분석하여 기승전결이 살아있는 드라마틱한 줄거리로 변환합니다.
  • Google Gemini API를 활용하여 입체적인 배경 설정과 갈등 요소를 자동으로 생성합니다.
스크린샷 2026-01-28 190239

3. 페르소나 기반 AI

  • 캐릭터별 고유한 말투, 성격, 가치관이 완벽하게 반영된 대화 시스템을 제공합니다.
  • 힌트 (Hints): 대화가 막힐 때, 문맥을 분석하여 상황에 적절한 3가지 답변을 실시간으로 제안합니다.
스크린샷 2026-01-28 182353

4. 실시간 멀티모달 경험

  • TTS (Text-to-Speech): 텍스트만으로는 느낄 수 없는 뉘앙스를 캐릭터 성격에 맞는 목소리로 전달합니다.
  • 자동으로 흐름을 분석하여 대화를 이어나갑니다.
스크린샷 2026-01-28 190337

5. 연극 리뷰 및 분석

  • 극이 종료된 후, 상대 캐릭터의 시점에서 사용자의 연기를 평가합니다.
  • 대화의 몰입도, 호감도 등을 수치화하여 제공하며, 전체 스토리를 한 줄로 요약해 줍니다.
스크린샷 2026-01-28 190355

기술 스택 (Tech Stack)

구분 기술 설명
Framework Next.js 14+ App Router 기반의 서버 사이드 렌더링 최적화
Language TypeScript 정적 타입 시스템을 통한 안정성 확보
State Zustand 가볍고 직관적인 전역 상태 관리 (Persistence 적용)
Styling Tailwind CSS 유틸리티 퍼스트 CSS 프레임워크
UI Kit Shadcn UI 접근성이 고려된 재사용 가능한 컴포넌트
Icons Lucide React 깔끔하고 통일감 있는 아이콘 시스템
AI / LLM Google Gemini 고성능 언어 모델 연동
Local AI Ollama 로컬 LLM 환경 지원 (Optional)

About

No description or website provided.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages