무료 대화창에 바로 붙이는 '코드로만 방 한 칸' 지시문 1개, 저희가 직접 돌려 본 새벽 자취방 결과 화면, 원조 방 25개 아파트 둘러보는 법. 그림 파일 없이 코드로만 방 25개 아파트를 그린 케빈 응오

먼저 무료 대화창에서 맛보기

클로드·챗GPT 무료 대화창에 이것만 붙여 보세요. [ ] 안을 내 방·내 가게로 바꾸면 돼요. 설치도 그림 파일도 필요 없어요. 케빈 응오가 넣은 지시문은 공개되지 않았어요 — 이건 저희가 쓴 지시문이에요. 준비물: 클로드(claude.ai) 또는 챗GPT(chatgpt.com) 무료 계정(없으면 그 사이트에서 무료 가입부터), 파일로 저장해 열어 보려면 컴퓨터(폰은 대화창 화면으로 보는 데까지만), 크롬(없으면 컴퓨터 기본 브라우저인 엣지·사파리로 열어도 돼요).

너는 일러스트를 코드로 그리는 작가야. 그림 파일·글꼴 파일·외부 라이브러리 없이, HTML 파일 하나(자바스크립트 캔버스)로 "아이소메트릭 방 한 칸"을 그려 줘.

방: [새벽 2시의 작은 자취방. 창밖은 남색 밤하늘, 책상 위 모니터 불빛, 책장, 화분, 이불 깔린 침대.]
사람: [작은 사람 한 명이 책상에서 꾸벅꾸벅 졸다가 깨기를 천천히 되풀이해.]
친구: [방 안에 작은 주황색 별 모양 빛 하나가 사람 곁을 둥둥 떠다니며 가끔 반짝여.]

그림체: 위에서 비스듬히 내려다보는 아이소메트릭, 망점(작은 점)으로 칠한 인쇄물 느낌, [미색] 바탕, [남색·다홍·청록·겨자색] 네 가지 색 위주.
움직임: 열면 바로 움직이고 끝없이 반복. 화면 크기에 맞춰 방이 가운데 오게.
조건: 화면에 글자는 하나도 넣지 마. 답은 index.html 코드 하나만 코드 블록으로 줘.

순서(컴퓨터 기준): claude.ai(또는 chatgpt.com)에 들어가 무료 계정으로 로그인 → 화면 아래 입력 칸에 지시문을 붙여 넣고 [ ] 안을 바꿈(대괄호는 지워도 돼요) → Enter. 클로드는 답을 대화 옆 창(아티팩트)에 그림으로 띄워요 — 무료 요금제도 돼요(클로드 공식 도움말 'What are artifacts', 2026-10-16 확인). 옆 창이 안 뜨면 왼쪽 아래 이름(이 위치는 저희가 직접 확인 못 함) → 설정(Settings) → 기능(Capabilities)에서 'Cloud code execution and file creation'을 켜고 다시 보내세요(같은 도움말). 옆 창에 방이 움직이면 여기까지로 이미 완성이에요. 파일로 남기려면: 옆 창 위쪽에 'Export(내보내기)'가 보이면 눌러 HTML(standalone HTML)로 받고(받은 파일은 보통 '다운로드' 폴더에 있어요), 코드 보기·'Copy'(복사) 단추가 보이면 코드를 복사해 아래처럼 저장하세요 — 공식 도움말 기준이고, 무료 계정 화면에서 단추 이름을 저희가 직접 확인하진 못했어요. 둘 다 안 보이면 '옆 창 말고 이 대화 안에 index.html 코드를 코드 블록 하나로 보여 줘'라고 보낸 뒤 코드 칸을 처음부터 끝까지 끌어 고르고 Ctrl+C(맥 Command+C). 옆 창에 오류가 뜨면 오류 문구 근처 'Try fixing with Claude' 단추를 누르면 오류 내용이 새 메시지로 들어가요(같은 도움말). 복사한 코드 저장: 윈도우: 시작 단추 → '메모장'을 쳐서 열기 → 붙여 넣기 → '파일 → 다른 이름으로 저장' → '파일 형식: 모든 파일' → 바탕화면, 이름 index.html → 저장 / 맥: Finder → 응용 프로그램 → 텍스트 편집기 열기 → 파일 고르는 창이 먼저 뜨면 '새로운 문서' → '포맷 → 일반 텍스트로 만들기' → 붙여 넣기 → '파일 → 저장' → 바탕화면, 이름 index.html → '.html 사용'을 누름 → 파일을 오른쪽 클릭 → (맥) '다음으로 열기' → Google Chrome / (윈도우) '연결 프로그램' → Chrome(크롬이 없으면 파일을 두 번 눌러 기본 브라우저로). 방 한 칸이 화면 가운데 뜨고 사람·빛이 움직이면 성공이에요. 바깥에서 아무것도 불러오지 않아 인터넷이 끊겨도 열려요(저희 결과 파일 기준).