KO

나의 Claude와 함께

진짜 게임을 가장 빠르게 만드는 방법이에요. 게임을 설명하면 내 컴퓨터의 Claude Code가 게임을 작성하고, 테스트하고, 홈페이지를 만들어 이곳에 게시해 줘요. 플레이그라운드에는 MCP 서버가 있어서 Claude가 프로젝트를 만들고, 게시 상황을 확인하고, 다른 사람의 게임을 읽으며 영감을 얻을 수 있어요.

필요한 것

  • GitHub 계정(게임은 내 계정의 공개 저장소에 있어요)
  • Claude Code
  • Docker: JumPHP는 모든 것(PHP, 브라우저 빌드, 테스트)을 컨테이너에서 실행하므로 다른 것은 설치할 필요가 없어요.

Claude를 플레이그라운드에 연결하기

  1. GitHub로 로그인하세요.
  2. 스튜디오의 MCP 페이지에서 토큰을 만드세요.
  3. 표시된 명령을 복사해 터미널에서 실행하세요.
claude mcp add --transport http --scope user jumphp https://<ce site>/mcp --header "Authorization: Bearer jph_..."

토큰은 내 플레이그라운드 계정에 접근할 수 있으니 절대 저장소에 넣지 마세요.

Claude가 일하는 모습을 보려면(실시간 테스트, 게임 화면, 직접 개입) Claude Code에 JumPHP 패널을 설치하세요.

게임 만들기

Claude Code에 이렇게 요청하면 돼요.

JumPHP 플레이그라운드에 플랫폼 게임을 만들어 줘. 닌자 고양이가 파리의 지붕 위에서 물고기를 모으는 게임이고, 5개 레벨, 적 비둘기, 보스가 있어. 픽셀 아트에 화면은 320 × 180이야. 홈페이지도 만들어 줘.

Claude는 다음과 같이 해요.

  1. 프로젝트를 만들어요(create_project). JumPHP, 첫 게임, 그리고 내 요청이 BRIEF.md에 담긴 GitHub 저장소예요.
  2. 저장소를 클론하고 AGENTS.md(JumPHP의 규약)를 따라 게임을 작성해요.
  3. 작성하면서 게임을 직접 플레이시켜 테스트해요. 이동, 점프, 적, 보너스처럼 메커니즘을 하나 쓸 때마다 그것을 플레이하는 게임 테스트를 만들고, 바뀔 때마다 실행해요(bin/jumphp test). 이 테스트들이 플레이되는 모습을 JumPHP 패널에서 실시간으로 볼 수 있어요. Claude는 스스로 찍은 스크린샷도 확인하고 브라우저 빌드도 검증해요.
  4. 실제 이미지를 넣어 게임의 홈페이지(site/)를 만들어요.
  5. GitHub에 푸시하면 플레이그라운드가 1분 안에 게임을 게시해요(sync_project는 즉시 게시하고 오류를 돌려줘요). 이어서 사이트에서 테스트를 실행하고(run_tests), 스튜디오에서 촬영된 각 게임 테스트를 다시 볼 수 있어요.
  6. 게임이 준비되면 디렉터리에 공개해요(update_project listed=true).

직접 프로젝트를 만들 수도 있어요(새 게임). 프로젝트 페이지에 Claude가 작업을 시작하게 하는 명령이 나와 있어요.

MCP 도구

도구 역할
whoami 내 계정과 사이트 주소
list_categories 디렉터리의 카테고리
create_project 새 게임(제목, 설명, 카테고리, 유형, 요청)
get_project, list_projects 내 프로젝트의 상태와 게시 오류
update_project 제목, 설명, 카테고리, 디렉터리 공개 여부
sync_project 마지막 커밋을 지금 게시
import_project 이미 있는 JumPHP 저장소 게시
list_private_files, upload_private_files, remove_private_files 게임의 비공개 파일(원작 게임의 데이터: 어떤 저장소에도 들어가지 않아요). upload_private_files는 curl로 보낼 업로드 주소(파일 하나, 여러 개 또는 zip)를 주며 2시간 동안 유효해요
list_games, list_game_files, read_game_file 게시된 게임 읽기(영감을 얻고 이해하기)

cpc 게임 유형에서는 Claude가 Amstrad 리메이크를 위해 dsk2jumphp로 작업해요.