CLAUDE
SONNET 5.5사용법과 복사해서 쓰는 프롬프트

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

## 목표와 입력
Claude Sonnet 5.5로 다음 결과물을 만들어 줘. 입력 자료는 이 명세이며 별도 파일은 없어.
가상의 디자인 스튜디오 NOVA LANE을 소개하는 10초 모션 그래픽을 만들어 줘. 점이 원으로 커지고, 원이 별과 격자로 변한 뒤, 굵은 제목이 글자 단위로 등장하고 마지막에 로고로 모이게 해. 흰 배경·검정 글자·파랑과 노랑 포인트를 사용해.

## 제약
하나의 HTML에 Canvas·CSS·JavaScript를 담아. 1920×1080 기준의 장면을 반응형으로 축소하고, 재생·일시정지·처음부터·시간 탐색을 제공해. 0–10초의 하나의 타임라인에서 도형·글자·소리를 계산해 프레임 누적 오차를 막아. 움직임 감소 설정에서는 대표 장면과 수동 재생을 제공해.
외부 이미지·음원·유료 API 없이 코드 도형과 직접 생성한 소리만 사용해. 가로 390px와 데스크톱에서 화면과 조작 버튼이 잘리지 않게 해. 소리는 사용자 조작 뒤에만 재생해.
기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해. 새 작업은 독립 폴더를 사용해. 요청한 범위를 끝까지 구현하고 실제 화면과 아래 핵심 동작을 점검해 오류를 고쳐. 완료 후 요청하지 않은 기능이나 리팩터링을 더하지 마.

## 완료 기준
0·2·5·8·10초를 확인해 제목이 읽히고 장면이 의도한 순서로 이어져야 해. 탐색 후 같은 시간에 같은 상태가 보이고 재시작해도 타이머나 소리가 중복되지 않아야 해.

## 결과 형식
전체 실행 파일 → 실행 방법 → 실제 확인한 동작과 남은 항목 순서로 한국어로 짧게 답해. 실행 도구가 없으면 사용자가 따라 할 구체적인 점검 순서를 제공해.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

## 목표와 입력
Claude Sonnet 5.5로 다음 결과물을 만들어 줘. 입력 자료는 이 명세이며 별도 파일은 없어.
Three.js로 작은 자동화 공장의 20초 루프를 만들어 줘. 닫힌 컨베이어 위의 큐브가 A 투입, B 성형, C 코팅을 차례로 지나 구체가 되고 다시 투입 위치로 돌아오게 해. 눌러 찍는 프레스, 집게 로봇 팔, 회전 기어, 색이 달라지는 코팅 구간을 배치해.

## 제약
Three.js를 명시한 CDN에서 불러오는 단일 HTML로 작성해. 카메라는 공정 전체가 보이는 사선 시점으로 시작하고 드래그 회전·속도 조절·일시정지·초기화를 제공해. 모든 공정은 하나의 반복 시간에서 계산하고 물체가 벨트나 집게를 관통하지 않게 해.
외부 이미지·음원·유료 API 없이 코드 도형과 직접 생성한 소리만 사용해. 가로 390px와 데스크톱에서 화면과 조작 버튼이 잘리지 않게 해. 소리는 사용자 조작 뒤에만 재생해.
기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해. 새 작업은 독립 폴더를 사용해. 요청한 범위를 끝까지 구현하고 실제 화면과 아래 핵심 동작을 점검해 오류를 고쳐. 완료 후 요청하지 않은 기능이나 리팩터링을 더하지 마.

## 완료 기준
한 루프를 실제 재생해 큐브가 각 공정에 도착할 때만 프레스·집게가 움직이는지 확인해. 일시정지와 속도 변경 후 공정이 어긋나지 않고 20초에서 0초로 넘어갈 때 끊김이 없어야 해.

## 결과 형식
전체 실행 파일 → 실행 방법 → 실제 확인한 동작과 남은 항목 순서로 한국어로 짧게 답해. 실행 도구가 없으면 사용자가 따라 할 구체적인 점검 순서를 제공해.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

## 목표와 입력
Claude Sonnet 5.5로 다음 결과물을 만들어 줘. 입력 자료는 이 명세이며 별도 파일은 없어.
Three.js로 1인칭 복도 생존 공포 게임을 만들어 줘. 무작위 복도·방·문·엘리베이터를 생성하고 플레이어가 손전등, 정신력, 식량, 수분을 관리하며 다음 층으로 내려가게 해. 약·배터리·식량·물을 수집해 각 수치를 회복하고 멀리 나타나는 어두운 형체가 다가오면 정신력이 줄어들게 해.

## 제약
Three.js CDN을 쓰는 단일 HTML로 만들고 WASD·마우스와 모바일 이동·시점 패드를 지원해. 손전등은 F, 상호작용은 E로 조작해. 벽 충돌과 적의 이동 경로를 구현하고 저장에는 맵 시드·위치·층·열린 문·수집한 아이템·수치를 함께 담아. 시작·일시정지·재시작을 제공해.
외부 이미지·음원·유료 API 없이 코드 도형과 직접 생성한 소리만 사용해. 가로 390px와 데스크톱에서 화면과 조작 버튼이 잘리지 않게 해. 소리는 사용자 조작 뒤에만 재생해.
기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해. 새 작업은 독립 폴더를 사용해. 요청한 범위를 끝까지 구현하고 실제 화면과 아래 핵심 동작을 점검해 오류를 고쳐. 완료 후 요청하지 않은 기능이나 리팩터링을 더하지 마.

## 완료 기준
문 열기, 배터리 교체, 층 이동, 사망 후 재시작을 직접 확인해. 적이 벽을 뚫지 않고 저장 후 불러오면 같은 위치와 지도·수치가 복원돼야 해. 모바일 이동 중 시점 패드가 독립적으로 동작해야 해.

## 결과 형식
전체 실행 파일 → 실행 방법 → 실제 확인한 동작과 남은 항목 순서로 한국어로 짧게 답해. 실행 도구가 없으면 사용자가 따라 할 구체적인 점검 순서를 제공해.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

## 목표와 입력
Claude Sonnet 5.5로 다음 결과물을 만들어 줘. 입력 자료는 이 명세이며 별도 파일은 없어.
구름 바다 위 두 섬의 역을 연결하는 3D 트램 운전 게임을 만들어 줘. 작은 마을·나무·승객·공중 레일을 배치하고 W로 가속, S로 제동해 역에 부드럽게 멈추게 해. 승하차 수, 속도, 다음 역, 탑승객 편안함, 운행 팁을 표시하고 카메라 전환을 제공해.

## 제약
Three.js CDN을 사용하는 단일 HTML로 만들어. 속도는 시간 간격에 따라 계산하고 곡선 구간·급제동 때 편안함이 줄어들게 해. 모바일에는 길게 누르는 가속·제동 버튼을 넣어. 역 구간에서 정차하면 한 번만 승하차·보상을 처리하고 시작·재시작을 제공해.
외부 이미지·음원·유료 API 없이 코드 도형과 직접 생성한 소리만 사용해. 가로 390px와 데스크톱에서 화면과 조작 버튼이 잘리지 않게 해. 소리는 사용자 조작 뒤에만 재생해.
기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해. 새 작업은 독립 폴더를 사용해. 요청한 범위를 끝까지 구현하고 실제 화면과 아래 핵심 동작을 점검해 오류를 고쳐. 완료 후 요청하지 않은 기능이나 리팩터링을 더하지 마.

## 완료 기준
양쪽 역을 왕복해 정차·승하차·방향 전환을 확인해. 버튼을 떼거나 창이 포커스를 잃으면 가속 입력이 해제돼야 해. 재시작하면 승객·속도·보상이 초기화되고 카메라가 지형을 뚫지 않아야 해.

## 결과 형식
전체 실행 파일 → 실행 방법 → 실제 확인한 동작과 남은 항목 순서로 한국어로 짧게 답해. 실행 도구가 없으면 사용자가 따라 할 구체적인 점검 순서를 제공해.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

## 목표와 입력
Claude Sonnet 5.5로 다음 결과물을 만들어 줘. 입력 자료는 이 명세이며 별도 파일은 없어.
안개 낀 농가에서 라운드별 좀비를 막는 1인칭 3D 생존 게임을 만들어 줘. 창문에 판자가 있고 좀비가 뜯고 들어오며 플레이어는 F를 길게 눌러 수리해. 기본 무기·탄약·재장전·점수·체력과 점수로 여는 문, 무기 상자, 업그레이드 작업대를 넣어.

## 제약
Three.js CDN을 사용하는 단일 HTML로 만들어. WASD 이동·마우스 시점·클릭 발사·R 재장전·F 상호작용·G 연습용 무적 모드를 제공해. 적은 벽과 가구를 피해 이동하고 플레이어와 겹치지 않게 해. 시작·일시정지·사망 후 재시작을 구현해.
외부 이미지·음원·유료 API 없이 코드 도형과 직접 생성한 소리만 사용해. 가로 390px와 데스크톱에서 화면과 조작 버튼이 잘리지 않게 해. 소리는 사용자 조작 뒤에만 재생해.
기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해. 새 작업은 독립 폴더를 사용해. 요청한 범위를 끝까지 구현하고 실제 화면과 아래 핵심 동작을 점검해 오류를 고쳐. 완료 후 요청하지 않은 기능이나 리팩터링을 더하지 마.

## 완료 기준
첫 무기가 시작부터 화면에 보이고 발사·재장전이 올바르게 탄약을 바꿔야 해. 판자 수리와 문 구매는 점수를 한 번만 바꿔야 해. 첫 라운드 종료와 사망 후 초기화를 직접 확인해.

## 결과 형식
전체 실행 파일 → 실행 방법 → 실제 확인한 동작과 남은 항목 순서로 한국어로 짧게 답해. 실행 도구가 없으면 사용자가 따라 할 구체적인 점검 순서를 제공해.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

## 목표와 입력
Claude Sonnet 5.5로 다음 결과물을 만들어 줘. 입력 자료는 이 명세이며 별도 파일은 없어.
가상 그래픽카드 AURORA X9의 제품 소개 웹페이지를 만들어 줘. 상단에는 코드로 만든 3팬 그래픽카드와 반사 바닥을 배치하고 스크롤하면 팬 속도·카메라·제품 설명이 변하게 해. 사양, 성능 비교, 조명 비교 슬라이더, 냉각, 가상 제품 옵션을 순서대로 보여줘.

## 제약
하나의 HTML에 CSS·JavaScript와 Three.js CDN을 사용해. 제품 사양·가격·성능은 설명용 가상 데이터임을 페이지에서 분명히 밝혀. 실제 결제·개인정보 전송 없이 옵션 선택과 로컬 미리보기만 구현해. 스크롤에 연결된 상태는 되돌아가도 같은 장면을 보여야 해.
외부 이미지·음원·유료 API 없이 코드 도형과 직접 생성한 소리만 사용해. 가로 390px와 데스크톱에서 화면과 조작 버튼이 잘리지 않게 해. 소리는 사용자 조작 뒤에만 재생해.
기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해. 새 작업은 독립 폴더를 사용해. 요청한 범위를 끝까지 구현하고 실제 화면과 아래 핵심 동작을 점검해 오류를 고쳐. 완료 후 요청하지 않은 기능이나 리팩터링을 더하지 마.

## 완료 기준
상단부터 하단까지 스크롤해 팬과 카메라 변화, 조명 비교 슬라이더, 제품 옵션 변경을 확인해. 움직임 감소 설정에서는 자동 회전을 멈추고 작은 화면에서도 설명과 버튼을 읽을 수 있어야 해.

## 결과 형식
전체 실행 파일 → 실행 방법 → 실제 확인한 동작과 남은 항목 순서로 한국어로 짧게 답해. 실행 도구가 없으면 사용자가 따라 할 구체적인 점검 순서를 제공해.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

## 목표와 입력
Claude Sonnet 5.5로 다음 결과물을 만들어 줘. 입력 자료는 이 명세이며 별도 파일은 없어.
가상 스마트워치 Orbit One의 360도 제품 뷰어를 만들어 줘. 케이스·밴드·유리·디스플레이·배터리·센서를 코드로 모델링해. 다섯 색상, 아날로그·디지털·링 화면, 부품 설명 지점 다섯 개, 분해 보기 토글을 제공해.

## 제약
Three.js CDN을 불러오는 단일 HTML로 작성해. 드래그 회전·스크롤 확대·시점 초기화를 지원하고 설명 지점을 누르면 해당 부품으로 카메라가 부드럽게 이동하게 해. 시계 화면은 실제 현재 시각을 표시해. 가격·상품 정보는 가상 설정임을 표기하고 실제 구매나 외부 전송은 구현하지 마.
외부 이미지·음원·유료 API 없이 코드 도형과 직접 생성한 소리만 사용해. 가로 390px와 데스크톱에서 화면과 조작 버튼이 잘리지 않게 해. 소리는 사용자 조작 뒤에만 재생해.
기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해. 새 작업은 독립 폴더를 사용해. 요청한 범위를 끝까지 구현하고 실제 화면과 아래 핵심 동작을 점검해 오류를 고쳐. 완료 후 요청하지 않은 기능이나 리팩터링을 더하지 마.

## 완료 기준
모든 색상과 화면을 바꾸고 설명 지점을 각각 눌러 확인해. 분해 보기에서 부품이 순서대로 벌어지고 해제하면 원래 위치에 돌아와야 해. 재설정 후 카메라가 초기 시점을 정확히 복원해야 해.

## 결과 형식
전체 실행 파일 → 실행 방법 → 실제 확인한 동작과 남은 항목 순서로 한국어로 짧게 답해. 실행 도구가 없으면 사용자가 따라 할 구체적인 점검 순서를 제공해.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

## 목표와 입력
Claude Sonnet 5.5로 다음 결과물을 만들어 줘. 입력 자료는 이 명세이며 별도 파일은 없어.
뉴욕 항구에서 바라본 도시 스카이라인 3D 디오라마를 만들어 줘. 높이가 다른 빌딩·다리·부두·공원을 배치하고 배·헬리콥터·사람이 움직이게 해. 새벽·낮·노을·밤 버튼, 시간 슬라이더, 자동 시간 순환, 맑음·비·눈 전환을 제공해.

## 제약
Three.js CDN을 사용하는 단일 HTML로 작성해. 외부 지리 데이터 없이 도시를 양식화하고 실제 지도의 정확성을 주장하지 마. 시간에 따라 태양·하늘·창문 조명·물 반사를 함께 바꾸고 비와 눈은 입자 수를 제한해. 자동 순환은 일시정지할 수 있게 해.
외부 이미지·음원·유료 API 없이 코드 도형과 직접 생성한 소리만 사용해. 가로 390px와 데스크톱에서 화면과 조작 버튼이 잘리지 않게 해. 소리는 사용자 조작 뒤에만 재생해.
기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해. 새 작업은 독립 폴더를 사용해. 요청한 범위를 끝까지 구현하고 실제 화면과 아래 핵심 동작을 점검해 오류를 고쳐. 완료 후 요청하지 않은 기능이나 리팩터링을 더하지 마.

## 완료 기준
네 시간대와 세 날씨를 각각 확인하고 시간 슬라이더를 왕복해 조명·반사가 같이 바뀌는지 점검해. 배는 같은 위치에서 갑자기 생기지 않고 날씨를 여러 번 바꿔도 입자나 애니메이션이 중복되지 않아야 해.

## 결과 형식
전체 실행 파일 → 실행 방법 → 실제 확인한 동작과 남은 항목 순서로 한국어로 짧게 답해. 실행 도구가 없으면 사용자가 따라 할 구체적인 점검 순서를 제공해.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

## 목표와 입력
Claude Sonnet 5.5로 다음 결과물을 만들어 줘. 입력 자료는 이 명세이며 별도 파일은 없어.
코드로 생성한 복셀 세계에서 블록을 부수고 쌓는 1인칭 샌드박스를 만들어 줘. 높낮이가 있는 지형·나무·동굴·광석·낮밤·횃불을 넣고 아이템 바에서 블록과 양동이를 선택하게 해. 양동이로 물을 퍼서 다른 곳에 붓고 물이 인접한 빈칸으로 흐르게 해.

## 제약
Three.js CDN을 불러오는 단일 HTML로 작성해. WASD·점프·마우스 시점·좌클릭 파괴·우클릭 배치·1–9 아이템 선택을 제공해. 터치 이동·시점·파괴·배치 버튼도 넣어. 고정 시드를 쓰고 화면 밖 청크와 물 업데이트 수를 제한해.
외부 이미지·음원·유료 API 없이 코드 도형과 직접 생성한 소리만 사용해. 가로 390px와 데스크톱에서 화면과 조작 버튼이 잘리지 않게 해. 소리는 사용자 조작 뒤에만 재생해.
기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해. 새 작업은 독립 폴더를 사용해. 요청한 범위를 끝까지 구현하고 실제 화면과 아래 핵심 동작을 점검해 오류를 고쳐. 완료 후 요청하지 않은 기능이나 리팩터링을 더하지 마.

## 완료 기준
블록 파괴와 설치, 동굴 이동, 횃불, 양동이 수집·배치를 직접 확인해. 물이 벽을 통과하지 않고 원래 수원 제거가 반영돼야 해. 플레이어 몸 안에 블록을 놓을 수 없고 아이템 선택과 모바일 버튼이 올바르게 연결돼야 해.

## 결과 형식
전체 실행 파일 → 실행 방법 → 실제 확인한 동작과 남은 항목 순서로 한국어로 짧게 답해. 실행 도구가 없으면 사용자가 따라 할 구체적인 점검 순서를 제공해.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

## 목표와 입력
Claude Sonnet 5.5로 Blender에서 실행하는 파스텔 점토 책상 애니메이션을 만들어 줘. 입력 파일은 없고 모든 형태와 재질을 Python 코드로 생성해. 책상 위에 손잡이가 있는 머그컵, 올라오는 수증기, 잎 다섯 개의 화분, 컵 주위를 도는 종이비행기를 배치해. 24fps·96프레임·4초 루프이며 포즈를 두 프레임씩 유지해 스톱모션 느낌을 내 줘.

## 제약
Blender 4.5의 bpy로 실행하는 하나의 Python 스크립트를 제공해. 외부 모델·이미지·HDRI·유료 API 없이 점토의 작은 표면 요철과 부드러운 그림자를 코드로 만들고, 밝은 배경에서도 흰 비행기와 수증기가 구분되게 해. 고정 시드와 고정 카메라를 사용하고 카메라 안에 세 오브젝트가 모두 들어오게 해. 결과는 scene.blend와 960×540 PNG 96장으로 저장해. 출력 폴더는 스크립트 옆에 만들고 같은 이름의 기존 결과를 덮어쓰기 전에 확인해.

## 완료 기준
1·24·48·72·96프레임을 실제 렌더링해 확인해. 컵 손잡이와 화분 잎이 분명히 보이고 비행기가 컵을 관통하지 않아야 해. 마지막에서 첫 프레임으로 넘어갈 때 위치·조명·수증기가 자연스럽게 이어져야 해. 프레임 1–2, 3–4처럼 두 장씩 같은 포즈가 유지되는지 확인해.
기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해. 새 작업은 독립 폴더를 사용해. 요청한 범위를 끝까지 구현하고 실제 점검까지 마친 뒤 작업을 종료해. 실행 도구가 있으면 결과 화면과 핵심 동작을 확인하고 발견한 오류를 수정해.

## 결과 형식
전체 실행 파일 → 실행 방법 → 실제 확인한 동작과 남은 항목 순서로 한국어로 짧게 답해. 실행 도구가 없으면 사용자가 따라 할 구체적인 점검 순서를 제공해.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

## 목표와 입력
Claude Sonnet 5.5로 다음 결과물을 만들어 줘. 입력 파일은 없고 아래 명세를 사용해.
위에서 내려다보는 고속도로 교차로 애니메이션을 만들어 줘. 동서 도로 위를 남북 고가도로가 가로지르고 네 개의 연결 램프가 두 도로를 이어야 해. 자동차와 작은 밴 16대 이상이 우측통행하며 직진하거나 램프를 따라 이동하게 해. 초록 지면·나무·차선·교량 그림자를 코드 도형으로 그려. 차량 이동은 24초에 한 번 반복해.

## 제약
외부 리소스·JavaScript 없이 하나의 SVG에 도형과 CSS 또는 SMIL 애니메이션을 담아. viewBox를 지정해 가로 390px에서도 전체 장면이 보이게 하고, title·desc와 움직임 감소 설정의 정지 장면을 제공해.
기존 프로젝트가 있으면 구조와 실행 방법을 확인하고 그 안에서 구현해. 새 작업이면 독립 폴더에 전체 파일을 만들어 줘. 외부 이미지·음원·유료 API와 미구현 자리표시자는 사용하지 마. 요청한 범위를 완성하고 점검하면 작업을 마쳐.

## 완료 기준
0초·6초·12초·18초·24초를 확인해. 램프의 양 끝이 서로 다른 도로에 연결되고 차량이 차선과 높이를 바꿀 때 순간 이동하지 않아야 해. 아래 도로의 차는 교량 밑에서 가려지고 위 도로의 차는 교량 위에 보여야 해. 화면 안에서 갑자기 생기거나 사라지는 차가 없어야 해.
실행 도구가 있으면 실제 화면과 핵심 동작을 확인하고 발견한 오류를 고쳐 줘.

## 결과 형식
전체 파일, 실행 방법, 실제 확인한 동작을 한국어로 짧게 정리해. 실행할 수 없는 점검은 실행 순서와 함께 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

## 목표와 입력
Claude Sonnet 5.5로 다음 결과물을 만들어 줘. 입력 파일은 없고 아래 명세를 사용해.
노을 진 해변 부두의 놀이공원 애니메이션을 만들어 줘. 대관람차에 객실 12개를 달고 24초마다 한 바퀴 회전하게 해. 회전목마에는 말 6마리와 줄무늬 지붕을 넣고 중심 기둥 주위를 함께 돌게 해. 각 말은 서로 다른 타이밍에 위아래로 움직여. 조명 줄·반짝이는 전구·수평선의 해·바다에 비치는 반사를 코드 도형으로 표현해.

## 제약
외부 리소스·JavaScript 없이 하나의 SVG에 도형과 CSS 또는 SMIL 애니메이션을 담아. viewBox를 지정해 가로 390px에서도 전체 장면이 보이게 하고, title·desc와 움직임 감소 설정의 정지 장면을 제공해.
기존 프로젝트가 있으면 구조와 실행 방법을 확인하고 그 안에서 구현해. 새 작업이면 독립 폴더에 전체 파일을 만들어 줘. 외부 이미지·음원·유료 API와 미구현 자리표시자는 사용하지 마. 요청한 범위를 완성하고 점검하면 작업을 마쳐.

## 완료 기준
대관람차가 한 바퀴 도는 동안 객실 바닥이 수평을 유지하고 부두를 관통하지 않아야 해. 지붕·바닥·말은 같은 중심과 주기로 돌고 말은 이동 방향을 향해야 해. 옆면 전환이 한 프레임에 튀지 않아야 해. 0초·6초·12초·18초 화면에서 반사가 원래 구조물 위치를 따라가는지 확인해.
실행 도구가 있으면 실제 화면과 핵심 동작을 확인하고 발견한 오류를 고쳐 줘.

## 결과 형식
전체 파일, 실행 방법, 실제 확인한 동작을 한국어로 짧게 정리해. 실행할 수 없는 점검은 실행 순서와 함께 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

## 목표와 입력
Claude Sonnet 5.5로 다음 결과물을 만들어 줘. 입력 파일은 없고 아래 명세를 사용해.
카운트다운부터 위성 전개까지 이어지는 50초 로켓 발사 웹 애니메이션을 만들어 줘. 0–5초 카운트다운, 5–20초 점화와 상승, 20–30초 단 분리, 30–45초 지구를 배경으로 한 비행, 45–50초 위성 전개를 표현해. 화면에 임무 시간·현재 단계·고도 표시와 재생·일시정지·처음부터 버튼을 넣어.

## 제약
HTML·CSS·JavaScript 또는 Canvas로 구성해. 로켓·연기·지평선·위성은 코드 도형으로 그려. 교육용 시각 데모라는 짧은 표시를 넣고 고도는 장면 연출용 값으로 사용해. 390px와 1440px에서 로켓과 조작부가 보이게 해. 움직임 감소 설정에서는 정지 장면과 직접 재생 버튼을 제공해.
기존 프로젝트가 있으면 구조와 실행 방법을 확인하고 그 안에서 구현해. 새 작업이면 독립 폴더에 전체 파일을 만들어 줘. 외부 이미지·음원·유료 API와 미구현 자리표시자는 사용하지 마. 요청한 범위를 완성하고 점검하면 작업을 마쳐.

## 완료 기준
각 단계 화면과 전체 50초를 확인해. 카메라가 상승해도 로켓이 화면 밖으로 사라지지 않아야 해. 둥근 지평선과 지면이 겹치지 않고 단 분리 뒤 두 물체가 자연스럽게 멀어져야 해. 재시작은 시간·입자·카메라를 모두 초기화하고 정지하면 표시와 장면이 함께 멈춰야 해.
실행 도구가 있으면 실제 화면과 핵심 동작을 확인하고 발견한 오류를 고쳐 줘.

## 결과 형식
전체 파일, 실행 방법, 실제 확인한 동작을 한국어로 짧게 정리해. 실행할 수 없는 점검은 실행 순서와 함께 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

## 목표와 동작
브라우저에서 볼 수 있는 큰 수족관을 Three.js로 만들어 줘. 작은 노란 물고기 180마리, 큰 가오리 한 마리, 바닥의 수초, 위에서 들어오는 물빛과 떠오르는 기포를 코드로 표현해. 물고기는 무리의 방향을 따라 움직이고 가오리가 다가오면 간격을 벌리게 해. 가오리는 처음 3초 안에 보이고 이후에도 주기적으로 지나가야 해. 관상용 시각화이며 실제 생물의 행동을 검증한 시뮬레이션이라고 표시하지 마.
자동 카메라·물고기 속도 슬라이더와 일시정지·재개·초기화 버튼을 제공해. 시간은 performance.now()와 requestAnimationFrame으로 계산하고 고정 시드 난수를 사용해.
완료 기준: 물고기가 수조 밖으로 나가지 않고 가오리가 화면에 보이며, 정지하면 생물·기포·카메라가 멈춰야 해. 재개할 때 시간이 갑자기 건너뛰지 않고 초기화하면 같은 첫 장면으로 돌아와야 해.

## 제약과 결과 형식
입력 파일은 없어. 기존 프로젝트가 있으면 구조와 지침을 먼저 읽고, 새 작업이면 별도 폴더에 만들어 줘. Three.js와 코드 도형만 사용하고 버전·설치 명령을 명시해. 외부 모델·텍스처·영상·음원이나 유료 서비스는 쓰지 마. 390px 화면과 터치에서 장면과 조작부가 잘리지 않게 해. WebGL 미지원 안내와 reduced-motion 정지 화면을 제공해.
실행 가능한 전체 코드 또는 실제 수정 파일, 실행 방법과 조작 방법을 제공해. 도구가 있으면 시작 화면·각 버튼·초기화를 직접 실행해 확인하고 오류를 고쳐. 확인한 항목과 실행하지 못한 항목을 구분해 짧게 보고해. 요청한 범위의 구현과 확인이 끝나면 마쳐.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

## 목표와 동작
강 위에 불꽃이 피어나는 여름밤을 Three.js로 만들어 줘. 입력 이미지 없이 강, 산의 실루엣, 작은 포장마차 12개와 따뜻한 조명을 기본 도형으로 구성해. 원형·국화·하트 모양의 불꽃이 번갈아 올라가고 물에는 단순화한 반사가 보여야 해. 첫 불꽃은 2초 안에 나타나고 카메라를 가리지 않게 해.
색 3종과 불꽃 크기 조절, 시작·일시정지·재개·초기화를 제공해. 크기는 좁은 화면에서도 알아볼 수 있도록 제한해. 고정 시드로 반복 가능한 연출을 만들고 빠른 섬광·자동 음원·화면 흔들림은 넣지 마.
완료 기준: 불꽃을 밝게 바꿔도 강과 포장마차가 사라지지 않고 반사가 불꽃의 색과 시점을 따라야 해. 정지하면 파티클이 멈추고 초기화하면 남은 입자와 타이머가 비워져야 해. 수명 종료된 입자는 재사용해 오래 실행해도 무한히 쌓이지 않게 해.

## 제약과 결과 형식
입력 파일은 없어. 기존 프로젝트가 있으면 구조와 지침을 먼저 읽고, 새 작업이면 별도 폴더에 만들어 줘. Three.js와 코드 도형만 사용하고 버전·설치 명령을 명시해. 외부 모델·텍스처·영상·음원이나 유료 서비스는 쓰지 마. 390px 화면과 터치에서 장면과 조작부가 잘리지 않게 해. WebGL 미지원 안내와 reduced-motion 정지 화면을 제공해.
실행 가능한 전체 코드 또는 실제 수정 파일, 실행 방법과 조작 방법을 제공해. 도구가 있으면 시작 화면·각 버튼·초기화를 직접 실행해 확인하고 오류를 고쳐. 확인한 항목과 실행하지 못한 항목을 구분해 짧게 보고해. 요청한 범위의 구현과 확인이 끝나면 마쳐.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

## 목표와 동작
눈이 내리는 밤의 작은 산골 마을을 Three.js로 만들어 줘. 창문에 불이 켜진 집 8채, 눈 쌓인 소나무, 먼 산과 별을 코드 도형으로 구성해. 지붕 위에는 눈을 얹고 굴뚝 연기는 얇고 천천히 올라가게 해. 눈의 크기와 연기의 양이 집의 윤곽을 가리지 않도록 제한해.
눈의 양·창문 밝기·자동 카메라를 조절하고 일시정지·재개·초기화를 제공해. 별과 창문은 깜박이지 않게 하고 소리는 쓰지 마. 눈과 연기 입자는 고정된 개수로 재사용하며 고정 시드와 경과 시간으로 움직여.
완료 기준: 눈이 가장 많을 때도 집·나무·산이 보이고 조절 패널이 배경에 묻히지 않아야 해. 정지하면 눈·연기·카메라가 함께 멈추고 재개할 때 입자가 순간 이동하지 않아야 해. 초기화하면 카메라와 눈·조명 설정이 기본값으로 돌아와야 해.

## 제약과 결과 형식
입력 파일은 없어. 기존 프로젝트가 있으면 구조와 지침을 먼저 읽고, 새 작업이면 별도 폴더에 만들어 줘. Three.js와 코드 도형만 사용하고 버전·설치 명령을 명시해. 외부 모델·텍스처·영상·음원이나 유료 서비스는 쓰지 마. 390px 화면과 터치에서 장면과 조작부가 잘리지 않게 해. WebGL 미지원 안내와 reduced-motion 정지 화면을 제공해.
실행 가능한 전체 코드 또는 실제 수정 파일, 실행 방법과 조작 방법을 제공해. 도구가 있으면 시작 화면·각 버튼·초기화를 직접 실행해 확인하고 오류를 고쳐. 확인한 항목과 실행하지 못한 항목을 구분해 짧게 보고해. 요청한 범위의 구현과 확인이 끝나면 마쳐.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

Three.js로 물 미끄럼틀을 달리는 작은 3D 레이싱 게임을 만들어 줘. 입력 파일은 없어. 플레이어 1명과 상대 12명을 기본 도형으로 만들고 바다 위의 굽은 코스, 나선 구간, 점프대와 도착 수영장을 코드로 구성해. 외부 모델·텍스처·영상·음원을 사용하지 마.
캐릭터는 자동으로 전진하고 A/D 또는 좌우 방향키로 코스의 좌우를 이동하며 Space로 점프하게 해. 터치에서는 좌우 조절 패드와 점프 버튼을 제공해. 3인칭 카메라로 앞의 코스와 플레이어가 함께 보여야 해. 경로 좌표를 따라 이동하는 근사 방식임을 설명하고 실제 물리 시뮬레이션이라고 쓰지 마.
한 코스와 한 개의 지름길만 만들어. 순위·속도·경과 시간·진행률을 표시하고 레이스에서는 코스를 벗어나면 탈락하게 해. 연습 모드에서는 마지막 체크포인트로 돌아가게 해. 소리는 처음 꺼 두고 사용자가 켠 뒤에만 재생해. 일시정지·재개·다시 시작·메뉴를 제공해.
완료 기준: 다시 시작하면 시간·순위·상대 위치가 초기화되고 일시정지 중에는 경주가 진행되지 않아야 해. 일반 코스와 지름길의 완주, 점프 실패, 연습 모드 복귀를 확인해. 390px 세로 화면에서 코스와 조작부가 잘리지 않게 하고 WebGL 미지원 안내를 넣어. 실제 기기에서 측정하지 않은 성능을 보장하지 마.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 실제 실행 도구가 있으면 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 한국어로 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

터미널 대화와 픽셀 애니메이션을 번갈아 보여 주는 60초 단편 “한 걸음 같이”를 만들어 줘. 입력 파일은 없어. 형과 동생이 작은 정원의 도착점까지 함께 걷는 허구의 이야기로 구성해. 원본 영화의 이름·인물·문장·음악은 사용하지 마.
0~10초 터미널에 “둘이 함께 도착하게 해 줘”가 입력되고, 10~25초 픽셀 정원에서 동생이 뒤처지는 모습을 보여 줘. 25~35초 터미널에 “형의 걸음을 조금 늦춰 줘”와 가상의 속도 수정 화면을 보여 줘. 35~50초 두 사람이 같은 속도로 걸으며 꽃을 지나고, 50~60초 도착점에서 “같이 가면 충분해”라는 자막으로 끝내.
터미널은 HTML로 만든 연출 화면이며 실제 명령을 실행하거나 실제 AI 응답을 받지 않아야 해. 화면 한쪽에 “가상의 대화 연출”을 작게 표시해. 픽셀 인물·정원·꽃은 Canvas로 직접 그려 줘. 타이핑·커서·장면 전환은 하나의 시간표로 제어하고 한국어 글자가 잘리지 않게 해. 외부 이미지·영상·음원·유료 서비스 없이 무음으로 완결해.
1080×1080, 30fps, 정확히 60초 MP4와 재생·정지·처음으로 버튼이 있는 HTML 미리보기를 제공해. 완료 기준: 중간 탐색 후에도 자막과 인물 위치가 맞고, 처음으로 버튼은 타이핑과 애니메이션 상태를 초기화해야 해. 실제 렌더링 도구가 있으면 길이·해상도·각 장면을 확인해. 도구가 없으면 코드와 렌더링 명령·미확인 항목을 제공해.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 실제 실행 도구가 있으면 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 한국어로 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

Godot 4로 여섯 다리 탐사 로봇을 조종해 협곡의 신호기에 도착하는 작은 3D 게임을 만들어 줘. 입력 파일은 없어. 몸체와 관절·발, 바위·착륙장·신호기를 기본 도형과 코드로 만들고 외부 모델이나 미리 만든 걷기 애니메이션은 사용하지 마.
W/S 전진·후진, A/D 회전, R 재시작을 지원해. 3인칭 카메라로 로봇 전체와 앞길을 보여 줘. 코스는 작은 바위 구간, 몸체보다 좁은 도랑, 낮은 바위 단차 3개로 제한해. 떨어지거나 목표에 도착하면 안내와 다시 시작 버튼을 보여 줘.
각 발은 레이캐스트로 지면을 찾고 몸체가 이동해도 지지 중에는 월드 좌표에 고정해. 세 발씩 번갈아 들며 새 목표 지점으로 옮기고 두 관절 역기구학으로 무릎을 구부려. 몸체 높이·기울기는 지지 발 위치를 참고하되 실제 하중이나 물리 정확도를 검증한 로봇이라고 표시하지 마.
완료 기준: 정지 중 발이 미끄러지지 않고 회전 시 발이 지면 아래로 들어가지 않아야 해. 도랑·단차 통과와 재시작 후 위치·다리 상태 초기화를 확인해. 실패한 지형과 근사한 동작은 숨기지 말고 적어 줘. 소리는 사용자가 켠 뒤만 재생하고 카메라 흔들림을 끌 수 있게 해.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 실제 실행 도구가 있으면 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 한국어로 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

Godot 4로 랜턴을 단 광산 수레에 앉아 오래된 터널을 달리는 1인칭 체험 게임을 만들어 줘. 입력 파일은 없어. 수레, 레일, 나무 지지대, 바위와 랜턴을 기본 도형·코드 메시로 만들고 외부 3D 모델·텍스처·음원을 사용하지 마.
한 번의 주행은 약 60초로 제한해. 시작 버튼을 누르면 수레가 레일 경로를 따라 움직이고 중간에 왼쪽·오른쪽 터널을 선택하게 해. 키보드 방향키와 화면 버튼을 지원해. 두 경로 모두 햇빛이 들어오는 출구에서 끝나고 선택하지 않으면 기본 경로로 가게 해.
경로 추종 방식으로 구현하고 실제 바퀴·레일 물리라고 표시하지 마. 가속·감속, 랜턴 흔들림과 작은 카메라 기울기로 무게감을 표현해. 카메라 흔들림·소리를 끄는 설정을 넣고 처음 소리는 꺼 둬. 일시정지·재개·재시작과 속도 표시를 제공해.
완료 기준: 터널 벽에 빈틈이 없고 두 갈림길 모두 완주할 수 있어야 해. 일시정지하면 수레와 랜턴이 멈추며 재시작은 위치·속도·갈림길 선택을 초기화해야 해. 주행 녹화나 스크린샷을 실제로 확인할 수 있으면 벽 관통·출구 노출·화면 흔들림을 점검해.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 실제 실행 도구가 있으면 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 한국어로 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

“작은 원정대의 보급이 끊기면”이라는 가상의 이야기를 60초 세로 해설 영상으로 만들어 줘. 아래 내용은 허구의 교육용 예시이며 특정 역사 사건이나 실제 위험 순위로 소개하지 마. 입력 파일은 없어.
장면과 자막은 0~5초 “모험보다 먼저 챙길 것”, 5~15초 “물: 하루를 버티는 첫 조건”, 15~25초 “식량: 힘이 떨어지면 이동도 느려진다”, 25~35초 “추위: 쉬는 동안에도 체온을 지킨다”, 35~45초 “장비: 고장 나기 전에 확인한다”, 45~55초 “보급로: 돌아갈 길도 계획한다”, 55~60초 “출발 전 확인이 모험을 지킨다”로 구성해.
코드로 그린 풍경·가방·게이지·지도 정지 이미지를 바탕으로 천천히 확대·이동하고 자막·눈 파티클·보급선 연출을 더해. 화면 구성은 장면마다 바꾸되 자막은 두 줄 이하로 유지해. 외부 이미지 생성 API·유료 서비스·TTS 없이 만들어 줘. 음성 입력이 없으므로 내레이션 없이 자막으로 완결하고 음성이 있다고 주장하지 마.
1080×1920, 30fps, 정확히 60초로 MP4를 내보내고 HTML 미리보기도 제공해. 상하단 200px에는 중요한 글자를 두지 마. 미리보기에는 재생·정지·처음으로 버튼을 넣어. 도구가 있으면 길이·해상도·7개 장면의 자막과 전환을 실제 확인하고, 렌더링 도구가 없으면 전체 코드와 실행 명령·미확인 항목을 제공해.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 실제 실행 도구가 있으면 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 한국어로 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

브라우저에서 고무줄을 하나씩 감아 수박을 터뜨리는 3D 장난감을 만들어 줘. 입력 파일은 없어. Three.js 기본 도형으로 초록 줄무늬 껍질, 붉은 속살, 씨와 고무줄을 만들고 외부 에셋은 사용하지 마.
고무줄 추가 버튼을 누를 때마다 중앙이 조금씩 눌리고 개수가 표시되게 해. 30개에서 터지는 연출로 제한하고 실제 압력·재료 강도를 계산했다고 쓰지 마. 터지면 속살·껍질·씨 파티클이 짧게 흩어진 뒤 멈추고 다시 시작 버튼으로 복원돼야 해.
회전·확대, 일시정지와 초기화를 제공해. 390px 화면에서 버튼과 수박이 잘리지 않게 해. WebGL 미지원 안내를 넣고 reduced-motion에서는 파편 이동 없이 터진 정지 화면을 보여 줘. 소리는 사용자 클릭 후 켠 경우에만 합성해.
완료 기준: 추가할 때 개수가 정확히 1씩 늘고, 터진 뒤 추가가 멈추며 초기화하면 고무줄·변형·파편이 모두 사라져야 해. 연속 클릭과 두 번의 재시작도 확인해.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

Three.js로 벽을 세우며 표적을 맞히는 작은 3인칭 브라우저 게임을 만들어 줘. 입력 파일은 없어. 기존 상용 게임의 이름·캐릭터·맵·음원은 복제하지 말고 단순한 도형 캐릭터와 자체 색상으로 만들어 줘.
잔디 훈련장 하나, 고정 표적 5개와 설치 가능한 벽 10개로 범위를 제한해. WASD 이동, 마우스 시점·조준, 클릭으로 표적 맞히기, Q로 벽 미리보기, E로 설치를 제공해. 벽은 바닥에 정렬되고 캐릭터와 겹치는 위치에는 놓이지 않아야 해. 멀티플레이와 계정 기능은 추가하지 마.
모바일에서는 이동 패드·시점 드래그·발사·설치 버튼을 제공해. 시작 화면에 조작법, 남은 벽 수와 표적 수를 표시해. 포인터 잠금을 해제하면 게임을 멈추고 다시 시작할 수 있게 해. WebGL 미지원 안내와 390px 반응형 화면을 넣어.
완료 기준: 캐릭터가 벽을 통과하지 않고 표적 점수는 한 번만 올라가며, 재시작 시 캐릭터·설치물·점수가 초기화돼야 해. 실제 확인한 조작만 검증 완료라고 적어 줘.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

연꽃과 잉어를 가까이서 볼 수 있는 작은 Three.js 연못 장면을 만들어 줘. 입력 파일은 없어. 물, 돌, 나무다리, 연잎 12개와 연꽃 3개, 붉고 흰 잉어 6마리를 코드 도형으로 구성해. 외부 사진·텍스처·3D 모델은 쓰지 마.
잉어는 수면 아래의 부드러운 경로를 따라 헤엄치고 서로 겹치지 않도록 간격을 유지해. 연잎은 작게 흔들리고 물에는 가벼운 반사와 잔물결을 표현해. 물리적으로 정확한 유체나 생태 시뮬레이션이라고 표시하지 마.
카메라 회전·확대·초기화, 물결 강도와 잉어 속도 조절, 애니메이션 정지를 제공해. 첫 화면에 다리·꽃·잉어가 함께 보이게 해. 390px에서 조작부가 장면을 가리지 않게 하고 저성능 모드에서는 반사·그림자 품질을 낮춰.
완료 기준: 속도를 0으로 하면 물고기가 멈추고 정지 상태에서 설정을 바꿔도 움직이지 않아야 해. 초기화하면 카메라와 모든 슬라이더가 돌아와야 해. reduced-motion을 존중하고 WebGL 미지원 안내를 넣어 줘.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

가상의 서비스 “FLOW”를 소개하는 15초 모션 그래픽을 단일 HTML로 만들어 줘. 입력은 서비스 이름 FLOW와 문구 “아이디어를 움직임으로”야. 제품 기능·성능·고객 후기는 자료가 없으므로 만들지 마.
검정 배경, 흰 글자와 청록색 빛 선을 사용해. 0~3초 선이 로고를 그리기, 3~7초 타이포그래피의 확대와 분해, 7~11초 카드와 도형의 연결, 11~15초 이름과 문구가 모이는 마무리로 구성해. 마지막 장면에서 반드시 FLOW가 읽혀야 해.
Canvas 2D와 Web Audio를 사용하고 화면·합성 음악을 같은 15초 타임라인에 맞춰. 재생·정지·처음부터·시간 슬라이더·음소거를 제공해. 소리는 사용자가 재생한 뒤에만 시작하고 외부 영상·음원·이미지는 사용하지 마.
390px에서도 글자가 잘리지 않게 해. reduced-motion에서는 각 장면의 정지 화면을 선택할 수 있게 해. 완료 기준: 임의 시간으로 이동해도 같은 구성이 나오고 재시작 시 음악이 겹치지 않아야 해. 실제 MP4 내보내기를 하지 않았다면 영상 파일을 생성했다고 말하지 마.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

공룡을 소개하는 45초 손그림 모션 그래픽을 단일 HTML로 만들어 줘. 입력 내용은 “공룡의 등장 → 다양한 몸과 먹이 → 새로 이어지는 계통” 세 가지야. 구체적인 연도·종 이름·멸종 원인은 자료를 주지 않았으므로 추가하지 마.
Canvas 2D로 종이색 배경, 파란 연필선과 노란 강조색을 사용해. 기존 캐릭터나 영상은 복제하지 말고 작은 두발 공룡, 큰 초식 공룡, 깃털 달린 공룡을 단순한 도형으로 그려. 0~5초 제목, 5~17초 등장, 17~30초 다양성, 30~40초 계통, 40~45초 요약으로 구성해.
큰 한국어 제목 한 개와 짧은 설명 한 개만 장면에 표시해. 장면 전환·걷기·풀과 구름 움직임을 부드럽게 연결하고 자동 소리 재생은 하지 마. 재생·정지·처음부터·시간 이동을 제공하고 모든 움직임을 하나의 시간값으로 계산해.
완료 기준: 장면을 앞뒤로 이동해도 같은 프레임이 나오고 45초에 요약이 보여야 해. 390px에서 설명이 읽혀야 하며 reduced-motion에서는 장면별 정지 화면을 제공해. 사실 설명과 장식적 연출을 구분해 줘.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

터키 커피를 소개하는 60초 손그림 모션 그래픽을 단일 HTML로 만들어 줘. 입력 자료는 UNESCO의 터키 커피 문화 소개 https://ich.unesco.org/en/RL/turkish-coffee-culture-and-tradition-00645 이야. 도구로 자료를 읽을 수 없으면 역사·연도·문화적 의미를 지어내지 말고 커피잔과 대화 장면 중심의 정성적 소개로 제한해.
Canvas 2D로 종이색 배경, 파란 선, 작은 노란 해와 커피잔을 그려. 0~6초 제목, 6~22초 자료에 근거한 소개, 22~40초 도구와 준비 모습, 40~53초 함께 마시는 장면, 53~60초 요약과 출처를 보여 줘. 의학적 효능이나 정확한 추출 레시피는 넣지 마.
장면마다 큰 한국어 제목 한 개와 짧은 설명을 넣고 사실 문장에는 읽은 출처를 연결해. 외부 영상·사진·음원을 쓰지 말고 합성 음악은 사용자 재생 후에만 켜. 재생·정지·시간 이동·음소거·처음부터를 제공해.
완료 기준: 60초에 출처와 요약이 보이고 반복·시간 이동 후에도 장면과 소리가 일치해야 해. 390px 화면에서 문구가 잘리지 않게 해. reduced-motion에서는 정지 장면으로 내용을 읽을 수 있게 해.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

문자와 도형 사이에 여백을 두는 15초 모션 그래픽을 단일 HTML로 만들어 줘. 입력 문구는 “움직임”, “형태”, “쉼”, “다시 시작”이야. Canvas 2D로 빨강·파랑·흰색과 검정 배경을 사용해. 외부 이미지·영상·음원 없이 코드로 그려 줘.
0~4초 “움직임” 글자가 화면을 채우고, 4~7초 점과 타일이 “형태”로 모이게 해. 7~10초는 검정 배경에 “쉼” 한 글자만 크게 남겨 속도를 낮춰. 10~13초 원과 입자가 다시 움직이고 13~15초 “다시 시작” 문구로 마무리해. 번쩍이는 흰 화면은 넣지 마.
화면과 Web Audio 합성 음악을 같은 타임라인으로 계산하고 재생·정지·처음부터·시간 이동·음소거를 제공해. 소리는 사용자가 재생한 뒤에만 시작해. 글자 폭과 줄바꿈을 화면 크기에 맞춰 390px에서도 전체 문구가 보이게 해.
완료 기준: 8초에 “쉼”이 읽히고 15초에 마무리가 보여야 해. 반복과 시간 이동 후 음악이 겹치지 않아야 해. reduced-motion에서는 장면별 정지 화면을 선택하게 해. 실제 내보내기를 하지 않으면 MP4 파일을 만들었다고 말하지 마.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

Canvas 2D와 Web Audio로 가상의 개발 도구를 소개하는 30초 모션 그래픽을 단일 HTML로 만들어 줘. 입력 자료는 도구 이름 “IDEA BOX”, 기능 세 가지 “자료 읽기·장면 구성·브라우저 재생”이야. 자료에 없는 성능 수치와 고객 후기는 넣지 마.
캡슐 장난감 기계에 아이디어 동전을 넣으면 장면 카드가 나오는 시각적 비유를 사용해. 0~4초 이름, 4~10초 입력 자료, 10~18초 세 기능, 18~25초 완성한 장면, 25~30초 요약으로 구성해. 밝은 노랑·분홍·청록과 큰 한국어 글자를 사용해.
화면과 합성 음악은 같은 타임라인을 사용하고 재생·정지·처음부터·시간 슬라이더·음소거를 제공해. 음악은 재생 버튼을 누른 뒤에만 시작해. 390px 화면에서도 글자가 잘리지 않게 해.
완료 기준: 임의 시점으로 이동해도 같은 장면이 보이고 재시작 시 소리가 겹치지 않아야 해. reduced-motion에서는 정적인 장면을 선택해 읽을 수 있게 해. MP4를 실제로 내보내지 않았다면 영상 파일을 만들었다고 말하지 마.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

과학관에서 반복 재생할 제임스 웹 우주망원경 설명 모션 그래픽을 45초 단일 HTML로 만들어 줘. 입력 자료는 NASA의 https://science.nasa.gov/mission/webb/ 페이지야. 도구로 읽을 수 없으면 수치를 지어내지 말고 정성적인 설명만 사용해.
Canvas 2D로 우주 배경, 금빛 거울과 햇빛 가리개를 그려. 0~5초 망원경 소개, 5~15초 접힌 구조가 펼쳐짐, 15~25초 거울과 가리개 역할, 25~38초 적외선 관측 설명, 38~45초 요약과 NASA 링크를 보여 줘. 실제 궤도·축척을 정확히 재현한 시뮬레이션이라고 쓰지 마.
장면마다 큰 한국어 제목 한 개와 짧은 설명 한 개만 표시해. 출처가 있는 수치는 화면과 별도 출처 목록에 연결해. 외부 이미지·3D 모델 없이 도형을 사용하고 음악은 Web Audio로 합성해.
재생·정지·시간 이동·음소거·처음부터를 제공하고 소리는 사용자 클릭 후 시작해. 완료 기준: 45초에 요약이 보이고 반복·시점 이동 후에도 상태가 일치하며, 390px 화면에서 글자와 조작부가 잘리지 않아야 해. reduced-motion에서는 장면별 정지 화면을 제공해.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

카페 화면에서 초보자에게 핸드드립 순서를 알려 주는 30초 모션 그래픽을 단일 HTML로 만들어 줘. 입력은 “필터 헹구기 → 원두 넣기 → 소량의 물로 뜸 들이기 → 원을 그리며 붓기 → 추출 마무리”야. 물 양·온도·시간의 정확한 레시피는 제공하지 않았으므로 숫자를 임의로 넣지 마.
Canvas 2D로 주전자·원뿔 드리퍼·서버·컵을 따뜻한 크림색과 갈색으로 그려. 0~4초 소개, 4~9초 필터, 9~13초 원두, 13~18초 뜸, 18~25초 붓기, 25~30초 마무리로 구성해. 컵의 수위와 물줄기는 진행에 맞춰 변하게 해.
큰 한국어 제목과 짧은 설명을 사용하고 줄바꿈 후 도형을 가리지 않게 해. 음악과 물 붓는 소리는 합성하고 같은 타임라인에 맞춰. 외부 이미지·음원과 검증되지 않은 추출 수치는 사용하지 마.
재생·정지·처음부터·음소거·시간 슬라이더를 제공하고 사용자 재생 전에는 소리가 나지 않게 해. 완료 기준: 시점 이동과 반복 후에도 물 높이가 일치하고 소리가 중복되지 않으며, 390px 화면에서 단계 설명이 읽혀야 해. reduced-motion에서는 정지된 단계 안내를 제공해.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

Canvas 2D로 발판을 뛰어 탑 꼭대기에 도착하는 작은 브라우저 게임을 만들어 줘. 입력 파일은 없어. 캐릭터·발판·동전·배경을 코드로 그리고 기존 게임의 캐릭터와 에셋은 복제하지 마.
세로로 올라가는 스테이지 하나, 동전 12개와 이동 장애물 두 개로 제한해. 모든 필수 발판은 실제 점프 높이로 도달할 수 있게 배치해. 카메라는 위로 따라가되 시작 위치와 목표를 쉽게 알 수 있게 해.
방향키 또는 A·D 이동, 스페이스 점프와 모바일 이동·점프 버튼을 제공해. 생명 세 개, 동전 수와 경과 시간을 표시하고 떨어지면 마지막 체크포인트에서 다시 시작해.
시작·일시정지·성공·실패·재시작을 넣고 탭을 떠나면 멈춰. 완료 기준: 동전은 한 번만 집계되고 바닥·발판을 통과하지 않으며, 재시작하면 점수·생명·타이머가 초기화되어야 해. 프레임 속도가 달라도 이동 속도를 일정하게 유지하고 390px 화면에서 조작부가 잘리지 않게 해.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

AI 개발의 작업·검증 흐름을 설명하는 반응형 한국어 웹페이지를 HTML·CSS·JavaScript로 만들어 줘. 입력 내용은 “사람이 요구를 정함 → AI가 구현함 → 도구가 검사함 → 오류를 수정함 → 사람이 결과를 확인함”이야. 이 자료 외의 성능 수치·고객 후기·모델 순위는 넣지 마.
상단 제목과 요약, 두 가지 작업 흐름 비교, 단계별 설명, 검사 항목, 시작 방법 다섯 섹션을 구성해. 비교의 왼쪽은 사람이 매번 수동 점검하는 예, 오른쪽은 도구 검사와 수정을 반복하는 예야. 성공을 보장한다는 문구는 쓰지 마.
SVG로 단계와 화살표를 그려. 밝은 배경, 얇은 선, 청록 강조를 사용하고 모바일에서는 비교 두 열을 세로로 쌓아. 메뉴는 해당 섹션으로 이동하고 현재 위치를 표시해.
다크 모드, 접고 펼치는 검사 설명과 간단한 흐름 강조 애니메이션을 제공해. reduced-motion에서는 움직임 없이 단계 강조만 바꿔. 완료 기준: 모든 메뉴와 펼치기가 키보드로 동작하고 두 테마에서 글자가 읽히며, 390px 화면에 가로 스크롤이 없어야 해. 로그인·서버·결제 기능은 추가하지 마.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

작은 1인칭 복셀 탐험 게임을 Three.js와 HTML·CSS·JavaScript로 만들어 줘. 제공하는 자료는 없으며 블록, 나무, 하늘은 코드로 구성해. 기존 게임의 이름·텍스처·캐릭터는 사용하지 마.
범위는 가로·세로 32칸의 세계 하나야. 같은 시드에는 같은 지형이 생성되고, 풀·흙·돌·나무 네 종류를 캐거나 빈 칸에 놓을 수 있게 해. 플레이어 몸 안에는 블록을 놓지 못하게 해.
WASD 이동, 마우스 시점, 점프와 블록 선택을 구현해. 시작 버튼을 누른 뒤 포인터를 잠그고 Esc로 해제해. 모바일은 터치 이동·시점 조작과 캐기·놓기 버튼을 제공해.
낮·밤 전환, 선택한 블록 표시, 간단한 소리를 넣어. 소리는 사용자가 켜면 재생하고, 탭을 떠나면 일시정지해. 화면에 현재 시드와 새 세계·초기화 버튼을 보여 줘.
완료 기준: 지면과 벽을 통과하지 않고, 캐기·놓기가 선택한 칸에만 적용되며, 초기화 후 같은 시드의 지형으로 돌아와야 해. 390px 화면에서 조작부가 잘리지 않고 WebGL 미지원 안내가 보여야 해. 먼저 이 범위만 완성해.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

Three.js로 아이템을 쓰는 작은 3D 카트 게임을 만들어 줘. 입력 파일은 없어. 차량과 풍경은 기본 도형으로 구성하고 독자적인 색상과 모양을 사용해.
트랙은 완만한 곡선과 직선이 있는 한 개, 차량은 플레이어와 AI 세 대, 경주는 세 바퀴로 제한해. 가속·제동·조향과 차량 뒤를 따라가는 카메라를 구현해.
코스에 아이템 상자를 놓고 통과하면 짧은 가속 또는 한 번의 감속 방어막 중 하나를 받게 해. 아이템은 하나만 보관하고 사용하면 비워져야 해. 키보드와 모바일에 아이템 사용 버튼을 제공해.
속도·순위·바퀴·보유 아이템을 읽기 쉽게 보여 줘. 체크포인트 순서로 바퀴를 판정하고, 트랙 밖에서는 감속해. 시작·일시정지·결과·재시작 흐름을 넣어.
완료 기준: 역주행으로 바퀴 수를 올릴 수 없고, 아이템 효과가 정해진 시간 후 끝나며, 재시작하면 차량·상자·효과가 모두 초기화되어야 해. 외부 이미지·음원·모델을 추가하지 말고 소리는 사용자가 켠 뒤에만 재생해. 390px 화면에서 HUD와 버튼이 겹치지 않게 해.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

손전등으로 출구를 찾는 작은 3D 미로 게임을 Three.js로 만들어 줘. 입력 자료는 없어. 벽과 플레이어, 술래는 기본 도형으로 구성해.
출발점에서 출구까지 항상 길이 있는 미로 한 개를 만들고 빛 조각 세 개를 모으면 출구가 열리게 해. 술래는 벽을 통과하지 않고 통로를 따라 플레이어를 쫓아와. 잡히면 시작점에서 다시 시도하게 해.
손전등과 약한 주변광으로 길의 윤곽을 보여 주고, 밝기 조절과 미니맵 켜기·끄기를 제공해. 지나친 섬광과 갑작스러운 큰 소리는 넣지 마.
WASD 이동과 Shift 달리기, 모바일 터치 조작을 지원해. 달리기는 스태미나를 소비하고 쉬면 회복해. 카메라는 벽 안으로 들어가지 않게 해.
시작·일시정지·탈출·실패·재시작 화면과 남은 조각 수를 표시해. 완료 기준: 출구가 벽으로 막히지 않고, 조각은 한 번만 집계되며, 재시작 시 술래·체력·조각이 초기화되어야 해. 390px 화면에서 버튼이 잘리지 않고 WebGL 미지원 안내가 보여야 해.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

개발자가 코드와 터미널 명령어를 연습하는 반응형 타자 웹앱을 HTML·CSS·JavaScript로 만들어 줘. 제공하는 자료는 없고 연습 문장은 코드 안에 직접 작성해.
일반 문장·터미널·JavaScript 세 탭과 짧게·보통·길게 선택을 제공해. 각 종류에 서로 다른 예제 다섯 개를 넣어. 명령어는 입력 연습용 텍스트이며 실제 셸이나 코드를 실행하지 마.
아이보리 배경, 검정 테두리, 노란 강조색으로 구성하고 코드에는 줄 번호와 가벼운 구문 색상을 넣어. 입력 위치, 맞은 글자와 틀린 글자를 색상과 밑줄로 구분해.
첫 입력부터 시간을 재고 분당 타수·정확도·진행률을 표시해. 완료하면 결과와 다시 하기·다음 예제를 보여 줘. 탭이나 예제를 바꾸면 이전 타이머와 입력을 초기화해.
Tab 키는 예제에 필요한 들여쓰기 입력으로 처리하고 다시 시작은 별도 버튼으로 제공해. IME 조합 중에는 오답을 확정하지 마. 최고 기록만 localStorage에 저장하고 저장이 차단돼도 연습할 수 있게 해.
완료 기준: 연습 종류를 바꿔도 이전 입력이 남지 않고, 끝나면 타이머가 멈추며, 들여쓰기·줄바꿈·오타 수정이 일관되게 처리되어야 해. 모바일 키보드에서도 입력창에 접근할 수 있고 390px 화면에서 페이지 전체가 가로로 넘치지 않아야 해. 계정·서버·멀티플레이는 추가하지 마.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

Three.js로 코스를 선택하고 최고 기록을 저장하는 작은 3D 카트 게임을 만들어 줘. 기존 게임의 캐릭터·상표·트랙은 복제하지 말고 기본 도형으로 독자적인 차량과 풍경을 만들어 줘.
입력 자료는 없어. 잔디 코스와 밤 도심 코스 두 개를 코드로 구성해. 플레이어 한 대와 AI 상대 세 대가 각 코스를 세 바퀴 경주해.
코스 선택 → 출발 카운트다운 → 경주 → 결과 → 다시 선택 흐름을 구현해. 가속·브레이크·조향·드리프트, 속도·순위·미니맵을 넣고 키보드와 모바일 터치 버튼을 지원해.
체크포인트 순서로 바퀴를 판정하고 코스별 최고 시간을 localStorage에 저장해. 저장 데이터가 손상되거나 저장이 차단돼도 경주는 할 수 있어야 해.
외부 모델·이미지·음원 없이 만들고, 소리는 사용자가 켜는 경우에만 재생해. 탭을 벗어나면 일시정지하고 WebGL 미지원 안내를 넣어.
완료 기준: 두 코스에서 출발·완주·재시작이 가능하고, 역주행으로 바퀴 수를 올릴 수 없으며, 새로고침 후 기록이 유지되어야 해. 먼저 이 범위만 완성하고 코스나 에이전트를 자동으로 늘리지 마.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

Canvas 2D로 로프를 걸고 동굴을 건너는 작은 브라우저 게임을 만들어 줘. 그림과 소리는 코드로 만들고 외부 에셋은 쓰지 마.
플레이어가 천장의 고리에 로프를 걸면 진자처럼 흔들리고, 놓으면 관성으로 날아가게 해. 뒤에서 따라오는 어둠과 바닥의 구멍을 피하며 빛 조각을 모으는 게임이야.
첫 구간은 안전하게 연습하고, 다음 구간에는 장애물 두 종류만 넣어. 로프를 걸 위치와 놓은 뒤 이동 방향을 점선으로 보여 줘.
스페이스·마우스 누르기와 모바일의 큰 누르기 버튼으로 로프를 걸고, 놓으면 해제해. 진행 거리·빛 조각·남은 생명을 표시하고 일시정지·재시작을 넣어.
실패하면 모은 조각을 유지하고 로프 길이와 생명 업그레이드 두 개만 제공해. 저장은 localStorage를 사용하고 손상된 데이터에는 기본 상태를 적용해.
완료 기준: 프레임 속도가 달라도 로프 움직임과 난도가 크게 달라지지 않고, 재시작할 때 이전 로프가 남지 않으며, 업그레이드 후 다음 판에 값이 반영되어야 해. 390px 화면에서 버튼과 게임 화면이 잘리지 않게 해.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

Three.js로 작은 블록들이 모여 “PEAKON”이라는 글자가 되는 24초 브라우저 애니메이션을 만들어 줘. 외부 이미지·3D 모델·영상 없이 블록과 바닥을 코드로 구성해.
0~4초: 빈 작업대와 블록 등장. 4~16초: 블록들이 회전하며 날아와 글자를 왼쪽부터 조립. 16~21초: 완성한 글자 전체를 보여 주는 카메라 이동. 21~24초: 잔잔한 빛과 함께 정지.
블록은 청록·아이보리·검정으로 구분하고 글자를 쉽게 읽을 수 있게 배치해. 블록 간 겹침을 피하고 카메라가 글자를 가리지 않게 해.
시작·일시정지·처음부터, 시간 슬라이더와 음소거를 제공해. 짧은 조립 소리는 Web Audio로 합성하고 시작 버튼을 누른 뒤에만 켜 줘.
화면과 소리는 같은 타임라인을 사용해. 슬라이더로 이동하면 해당 시점의 조립 상태를 다시 계산하고 중복 소리를 재생하지 마. reduced-motion에서는 완성한 글자를 정적으로 보여 줘.
완료 기준: 24초에 완성한 단어가 전체 화면 안에 들어오고, 재시작과 시점 이동 후에도 같은 배치가 보여야 해. 영상 파일을 실제로 내보내지 않았다면 MP4를 만들었다고 말하지 마.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

브라우저에서 블록을 쌓고 돌려볼 수 있는 3D 조립 앱을 만들어 줘. Three.js를 사용하고 기본 샘플은 작은 산장으로 해 줘.
필수 동작: 카메라 회전·확대, 격자에 맞춰 브릭 배치, 선택한 브릭의 색상·회전 변경, 삭제, 실행 취소, JSON 내보내기·불러오기.
화면: 중앙 3D 작업 공간, 왼쪽 브릭 종류, 오른쪽 선택 속성. 밝은 배경과 얇은 선, 한국어 UI. 좁은 화면은 도구 패널을 접을 수 있게 해 줘.
외부 모델이나 이미지는 쓰지 말고 기본 도형으로 브릭과 산장을 구성해. 잘못된 JSON을 불러와도 기존 작업을 지우지 마.
완료 기준: 브릭 추가→회전→색 변경→삭제→실행 취소를 할 수 있고, 저장한 JSON을 다시 불러오면 같은 모델이 보여야 해.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

글자와 도형이 움직이는 15초짜리 영상을 단일 HTML로 만들어 줘. HTML·CSS·Canvas로 브라우저에서 실시간 재생하고 외부 영상은 사용하지 마.
0~3초: 큰 타이포그래피. 3~6초: 격자와 도형 분해. 6~10초: 유기적인 입자 전환. 10~13초: 리듬감 있는 레이아웃 변형. 13~15초: 제목으로 돌아오는 엔딩.
문구는 “MAKE / IDEAS / MOVE”, 색은 검정·아이보리·시안. 과도한 섬광 없이 장면마다 움직임의 성격을 바꿔 줘.
시작·일시정지·다시 재생 버튼과 현재 시간을 표시해. 첫 방문에는 자동 재생하지 말고 15초에서 정지해. 창 크기를 바꿔도 구도가 유지되어야 해.
완료 기준: 15초 전체 타임라인, 재시작 초기화, 모바일 가로 넘침 없음. 영상 파일을 실제로 내보내지 않았다면 MP4를 만들었다고 말하지 마.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

WebGL2와 Web Audio로 음악에 맞춰 빛과 글자가 움직이는 30초 영상을 만들어 줘. 외부 이미지·음원·영상 없이 코드로 생성해.
세 장면을 각각 10초로 구성해: 부드러운 빛의 파동, 소리에 반응하는 입자 군집, “EVERYTHING MOVES” 키네틱 타이포그래피. 검정 배경과 시안·흰색을 사용해.
사용자가 시작 버튼을 누른 뒤에만 소리를 켜고, 음소거·일시정지·다시 재생을 제공해. 시각 효과와 소리는 같은 시간 기준을 사용해야 해.
기기의 성능이 낮으면 입자 수를 낮추고, WebGL2 미지원이면 설명을 보여 줘. 과도한 섬광은 피하고 reduced-motion에서는 정적인 대표 화면을 제공해.
완료 기준: 세 장면의 연결, 소리와 화면의 일시정지·재개 동기화, 재시작 시 중복 오디오 없음. 여러 에이전트 실행이나 유료 도구는 자동으로 추가하지 마.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

자전거를 타는 펠리컨의 2D 루프 애니메이션을 단일 HTML로 만들어 줘. 그래픽은 전부 직접 만든 SVG로 그리고 외부 이미지는 쓰지 마.
커다란 부리와 작은 눈을 가진 펠리컨이 해안 자전거 길을 달리는 장면이야. 발은 페달에 붙어 있고, 페달·바퀴 회전과 몸의 작은 반동이 자연스럽게 연결되어야 해.
뒤쪽 바다와 구름은 느리게, 앞쪽 풀은 빠르게 움직여 원근감을 표현해. 시작·정지와 속도 조절을 제공해.
완료 기준: 반복 경계에서 장면이 튀지 않고 발이 페달에서 떨어지지 않으며, 속도를 바꿔도 움직임이 동기화되어야 해. 모바일에서는 그림 전체가 화면 안에 들어오게 해.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

Three.js로 브라우저에서 플레이하는 작은 카트 레이싱 게임을 만들어 줘. 기존 게임의 캐릭터·로고·음원을 복제하지 말고 도형 기반의 독자적인 디자인을 써 줘.
범위: 트랙 1개, 플레이어 1대, AI 상대 3대, 3바퀴 경기. 키보드 방향키/WASD와 모바일 터치 버튼으로 조작해.
필수 동작: 출발 카운트다운, 가속·브레이크·조향, 간단한 드리프트 부스트, 트랙 이탈 감속, 체크포인트 기반 바퀴 판정, 순위와 경기 재시작.
화면: 차량 뒤를 따라가는 카메라, 속도·바퀴·순위 HUD. WebGL 미지원 안내와 일시정지 버튼도 넣어 줘.
완료 기준: 트랙을 거꾸로 돌거나 출발선만 오가도 바퀴 수가 올라가지 않아야 해. 3바퀴를 마치면 결과가 표시되고 재시작 시 상태가 초기화되어야 해. 한 트랙이 완성되기 전에 콘텐츠를 늘리지 마.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

Three.js로 만화처럼 선명한 작은 3D 행성을 만들어 줘. 산, 바다, 나무, 작은 도시, 도로 위 자동차, 행성 주위를 도는 비행기와 구름을 기본 도형으로 구성해.
마우스 드래그와 터치로 회전하고 휠·핀치로 확대할 수 있게 해. 확대하면 건물과 자동차의 디테일이 보이고 카메라가 지면 안으로 들어가지 않아야 해.
한 개의 실행 가능한 HTML로 구성하고 필요한 라이브러리 버전을 명시해. 자동 회전 켜기·끄기, 초기 시점으로 돌아가기, 낮·밤 전환 버튼을 넣어 줘.
완료 기준: 자동차가 도로를 따라 움직이고 비행기가 행성에 파묻히지 않아야 해. 회전·확대·시점 초기화가 작동하며 좁은 화면에서도 조작 버튼이 가려지지 않아야 해.

기존 프로젝트가 있으면 구조와 지침을 먼저 읽고 그 안에서 구현해 줘. 새 작업이면 독립 폴더를 사용해. 요청하지 않은 기능이나 유료 서비스를 추가하지 마. 도구가 있으면 실제로 실행해 핵심 조작과 화면을 확인하고 오류를 수정해. 도구가 없으면 실행 가능한 전체 코드와 실행 순서를 제공하고 검증하지 못한 점을 밝혀 줘. 마지막에는 실행 방법, 확인한 항목, 남은 한계만 짧게 적어 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

브라우저에서 읽는 한국어 팝업 동화책을 단일 HTML로 만들어 줘. 이야기는 ‘양치기 소년’으로 하고, 원전 줄거리를 네 문장으로 새로 써 줘.
4장 구성: 평화로운 마을 → 첫 거짓말 → 진짜 늑대의 등장 → 신뢰에 대한 짧은 마무리.
종이 질감은 CSS로 표현하고, 책장을 넘기면 인물과 배경이 입체 종이처럼 일어나게 해 줘. 외부 이미지와 음악은 쓰지 마.
이전·다음·처음부터 버튼, 페이지 번호, 한국어 자막을 넣어 줘. 자동 재생은 사용자가 누를 때만 시작해.
모바일에서는 글과 그림이 잘리지 않아야 하고, reduced-motion에서는 정적인 책장으로 보여 줘.
완료 기준: 네 장을 앞뒤로 넘길 수 있고, 빠르게 버튼을 눌러도 장면이 겹치거나 순서가 꼬이지 않아야 해.
실행 도구가 있으면 동작을 확인해. MP4를 실제로 만들지 않았다면 영상 파일을 만들었다고 말하지 마. 마지막에는 실행 방법과 확인한 내용을 짧게 알려 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

사용자가 올린 사진을 작은 붓질로 다시 그려 주는 브라우저 앱을 단일 HTML로 만들어 줘.
사진 업로드, 원본과 그림 나란히 보기, 그리기 시작·일시정지·처음부터, 붓 크기와 속도 조절, 완성 그림 PNG 저장을 넣어 줘.
Canvas에서 사진의 색을 읽고 큰 붓질부터 작은 붓질 순서로 그려. 완성된 사진 위에 필터만 씌우지 말고, 붓질이 쌓이는 과정이 보여야 해.
사진은 브라우저 안에서만 처리하고 서버에 보내지 마. 처음에는 코드로 만든 간단한 노을 풍경을 샘플로 보여 줘.
큰 사진은 긴 변 1600px 이하로 줄여 처리하고, 잘못된 파일에는 설명을 보여 줘. 새 사진을 올리면 이전 그리기를 중단해.
완료 기준: 정지와 재개가 이어지고, 재시작하면 초기화되며, 저장한 PNG가 화면의 그림과 같아야 해. 모바일에서도 두 화면을 볼 수 있게 해 줘.
실행 도구가 있으면 핵심 동작을 확인하고 실행 방법과 한계만 짧게 알려 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

태양에서 출발한 빛이 행성에 도달하는 시간을 보여 주는 한국어 브라우저 시뮬레이션을 만들어 줘. 단일 HTML과 Three.js를 사용해 줘.
수성부터 해왕성까지 행성의 평균 궤도 거리와 빛의 이동 시간을 표시해. 거리 데이터의 출처를 적고, 이동 시간은 거리÷빛의 속도로 계산해.
시작·일시정지·처음부터, 1배·10배·100배·1000배, 다음 행성으로 이동 버튼을 넣어 줘.
시간은 관측자 기준으로 설명해. ‘광자의 정지 시점’을 실제 관측 가능한 기준계처럼 표현하지 마.
행성 크기나 화면 거리 간격을 보기 좋게 줄였다면 어떤 비율을 바꿨는지 명확히 적어 줘. 실제 행성들이 한 줄로 정렬된다고 설명하지 마.
별·행성 표면은 코드로 만들고 외부 사진·영상은 쓰지 마. 모바일 터치와 reduced-motion을 지원해.
완료 기준: 속도를 바꿔도 시간이 되돌아가지 않고, 정지 중에는 시간이 멈추며, 재시작하면 태양부터 다시 시작해야 해. 지구 도달 시간이 약 8분 19초인지 확인해.
실행 도구가 있으면 확인하고, 검증하지 못한 수치나 동작은 분명히 알려 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

눈덩이를 굴려 체크포인트를 통과하는 작은 3D 브라우저 게임을 Three.js로 만들어 줘. 트랙은 1개, 제한 시간은 60초로 해 줘.
키보드 방향키/WASD와 모바일 터치 조이스틱으로 이동하고, 별도 부스트 버튼을 넣어 줘. 센서 권한은 요구하지 마.
눈 위에서는 눈덩이가 조금씩 커지고 장애물에 부딪히면 작아지게 해. 너무 작아지거나 시간이 끝나면 게임 종료, 마지막 체크포인트에 도달하면 성공이야.
장애물과 눈덩이는 기본 도형으로 만들고 외부 모델·음원은 쓰지 마. 남은 시간, 크기, 체크포인트 진행률을 표시해.
일시정지·재시작을 넣고 탭을 벗어나면 자동으로 멈춰 줘. 모바일에서는 화면 밖으로 버튼이 나가지 않아야 해.
완료 기준: 체크포인트를 순서대로 지나야 인정되고, 재시작하면 점수·시간·장애물이 초기화되며, 프레임 속도가 달라도 이동 속도가 크게 달라지지 않아야 해.
실행 도구가 있으면 실제로 확인하고 실행 방법과 남은 문제만 짧게 알려 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

React와 TypeScript로 글자가 한 칸씩 뒤집히는 한국어 열차 출발 전광판을 만들어 줘.
샘플 데이터 10개를 코드에 넣고 외부 API는 호출하지 마. 열차 번호, 목적지, 출발 시각, 승강장, 지연·취소 상태를 보여 줘.
1배·10배·60배 시계, 목적지·승강장 필터, 조건에 맞는 열차가 없을 때의 안내를 넣어 줘. 이벤트 데이터가 시간순이 아니어도 올바르게 반영해.
글자 뒤집기는 바뀐 칸에서만 실행하고 reduced-motion에서는 즉시 바꿔. 번호가 두 줄로 깨지지 않게 하고 390px 화면도 지원해.
완료 기준: 60배에서 1배로 바꿔도 시계와 글자가 멈추지 않고, 필터를 지우면 원래 행이 돌아오며, 애니메이션 후 반쪽 글자가 남지 않아야 해.
실행 도구가 있으면 시간 배속·필터·좁은 화면을 확인하고 사용 방법만 짧게 알려 줘.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

Three.js로 회전하며 살펴보는 독창적인 3D 콘셉트 자동차 전시장을 단일 HTML로 만들어 줘.
차체 패널, 네 바퀴, 타이어 홈, 헤드라이트, 실내 좌석과 간단한 피스톤을 직접 만든 기하 도형으로 구성해. 외부 모델과 텍스처는 쓰지 마.
마우스·터치 회전과 확대, 차체 색상 선택, 문 열기·닫기, 차체를 위로 분리해 내부 보기, 초기 시점 복귀를 넣어 줘.
어두운 스튜디오 조명과 은은한 바닥 반사를 사용하고 자동차 전체가 첫 화면에 들어오게 해.
완료 기준: 색을 바꿔도 유리와 타이어 색은 유지되고, 분해·복원을 반복해도 부품 위치가 어긋나지 않아야 해. 모바일과 WebGL 미지원 안내도 확인해.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

Three.js로 스포츠 세단을 360도로 살펴보는 브라우저 페이지를 만들어 줘. 특정 브랜드의 로고를 쓰지 말고 독창적인 세단으로 디자인해.
차체, 창문, 휠, 헤드라이트, 그릴을 코드로 만들고 외부 3D 파일은 사용하지 마. 밝은 스튜디오와 부드러운 접지 그림자를 넣어 줘.
차체 색상 6개, 휠 디자인 2개, 조명 켜기·끄기, 회전·확대, 앞·옆·뒤 시점 버튼을 넣어 줘.
390px 화면에서는 옵션이 차량을 가리지 않게 해. 완료 기준: 모든 옵션이 즉시 반영되고 카메라가 차량 안에 들어가지 않아야 해. 초기화하면 기본 색상과 시점으로 돌아와야 해.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

Three.js로 차량 선택 화면부터 경주까지 이어지는 작은 카트 게임을 만들어 줘. 이름은 KART RUSH로 하고 독창적인 차량과 코스를 사용해.
차량 3대는 속도·가속·조향 특성이 서로 달라야 해. 코스는 초원과 야간 도로 2개, 상대는 AI 2대, 경기는 2바퀴로 제한해.
선택 화면에 차량 미리보기와 능력치, 코스 지도, 시작 버튼을 넣어 줘. 경주 중에는 속도·바퀴·순위를 표시해.
키보드와 터치 조작, 일시정지·재시작·선택 화면 돌아가기를 지원해. 외부 에셋이나 멀티플레이는 추가하지 마.
완료 기준: 선택한 차량의 성능과 코스가 실제 경기에 적용되고, 체크포인트를 순서대로 통과해야 바퀴가 인정되며, 재시작 시 이전 경주의 상태가 남지 않아야 해.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

Three.js로 작은 1인칭 좀비 생존 게임을 만들어 줘. 사실적인 잔혹 묘사 없이 도형으로 만든 적을 사용해.
범위는 작은 광장 하나, 3개 웨이브, 한 종류의 무기와 재장전, 체력·탄약·남은 적 표시야. 적은 장애물을 피해 플레이어에게 다가오게 해.
키보드 WASD와 마우스로 이동·조준하고 시작 버튼을 누른 뒤에만 포인터 잠금을 요청해. Escape로 일시정지하고 모바일에는 터치 조작을 넣어 줘.
외부 3D 모델·음원·유료 서비스는 쓰지 마. 적의 최대 수를 제한해 성능을 유지해.
완료 기준: 벽 너머의 적을 맞힐 수 없고, 게임 종료 뒤 입력과 적 생성이 멈추며, 재시작하면 체력·탄약·웨이브가 초기화되어야 해.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

Three.js와 셰이더로 유리 구슬 안에 전기가 흐르는 인터랙티브 화면을 만들어 줘. 브라우저에서 열 수 있는 단일 HTML로 만들어 줘.
구슬 중앙에서 가장자리로 가는 보라·분홍 전기 줄기를 만들고, 마우스나 터치가 닿은 쪽으로 줄기가 모이게 해.
밝기·전기 줄기 수·색상 조절과 일시정지, 전체 화면 버튼을 넣어 줘. 소리는 기본적으로 넣지 마.
검정 배경에 구슬 전체가 보이게 하고 강한 섬광은 피해야 해. reduced-motion에서는 정적인 빛으로 표현해.
완료 기준: 터치가 끝나면 전기가 기본 상태로 돌아오고, 창 크기를 바꿔도 구슬이 잘리지 않으며, 탭을 벗어나면 렌더링을 쉬어야 해.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

JavaScript와 WebGL로 나무 아래에서 올려다보는 조용한 숲 장면을 만들어 줘. 이미지나 영상 대신 코드로 나무·나뭇잎·풀을 생성해.
나뭇잎 사이의 햇빛, 바람에 흔들리는 가지, 바닥에 움직이는 그림자, 옅은 안개를 표현해. 카메라 움직임은 느리고 부드럽게 해.
바람 세기, 시간대, 안개 농도, 움직임 정지 버튼을 넣고 마우스·터치로 시점을 조금 바꿀 수 있게 해.
나뭇잎은 인스턴싱 등으로 묶어 성능을 확보하고 낮음·높음 품질 옵션을 제공해. 소리는 사용자가 켤 때만 재생해.
완료 기준: 품질을 바꿔도 장면이 유지되고, reduced-motion에서는 흔들림과 자동 카메라가 멈추며, 모바일에서도 조작 버튼이 가려지지 않아야 해.

PEAKON 재작성본으로, 원본과 차이가 있을 수 있어요.

금속 물병을 소개하는 12초짜리 광고 화면을 단일 HTML로 만들어 줘. 실제 촬영 영상 없이 Canvas와 CSS로 빛과 움직임을 표현해.
가상의 브랜드 이름은 AEROWELL로 해. 어두운 스튜디오, 금속 표면, 작은 물방울, 가장자리를 비추는 조명으로 제품을 돋보이게 해.
처음 8초는 물병을 향해 천천히 다가가고 마지막 4초는 표면과 로고를 가까이 보여 줘. 광고 문구는 “매일 함께하는 한 모금”으로 하고 검증되지 않은 성능 수치는 넣지 마.
반복 경계가 자연스럽게 이어지게 하고 화면 아래에 재생·정지·처음부터 버튼을 넣어 줘. 소리는 넣지 마.
완료 기준: 1280×720 비율을 유지하면서 작은 화면에도 맞고, 3회 반복해도 장면이 어긋나지 않아야 해. HTML 애니메이션과 실제 MP4 파일을 구분해서 설명해.