클로드로 코드 일러스트 만들기, 그림 파일 없이 방 25개 아파트

AI Korea Club · 2026.10.17 (토)

코딩으로 그림을 그리는 케빈 응오(X @kevin_t_ngo)가 클로드 오퍼스 5로 방 25개짜리 작은 아파트 웹사이트를 만들었어요. 그림 파일도 글꼴 파일도 없이, HTML 파일 하나 속 코드로만 그렸대요. 숫자는 본인 글과 저희가 직접 잰 값이에요.

어떤 사이트인가요

도서관, 등대, 밤 부엌 같은 방 25개가 비스듬히 내려다보는 그림(아이소메트릭)으로 이어져 있어요. 방마다 작은 사람들이 책을 읽고, 악기를 치고, 졸아요. 가만히 두면 방을 하나씩 알아서 돌아보고, 끌거나 확대해서 직접 둘러볼 수도 있어요.

I made a website with 25 mini rooms, each with Claude keeping people company.케빈 응오, X 2026-09-16

이 글은 2026-10-16 기준 조회 187만을 넘었어요.

정말 코드뿐인가요

본인 답글은 "전부 HTML 파일 하나 속 자바스크립트, 그림·글꼴·라이브러리 없음, 방도 사람도 잉크 점 하나까지 코드"였어요. 저희가 사이트를 열어 보니 받아 오는 파일은 HTML 하나(1,123,287바이트, 글자 수 약 112만)뿐이었어요.

지시문은 공개됐나요

아니요. 지시문과 걸린 시간은 공개하지 않았어요. 그래서 저희가 같은 방식(그림 파일 없이 코드로만 방 한 칸)으로 한국어 지시문을 써서 클로드 소네트 5.5에 넣었더니, 약 9분 만에 새벽 2시 자취방이 움직이는 HTML 한 장이 나왔어요.

오해하면 안 되는 점

케빈 응오의 결과물은 오퍼스 5로 만든 것이고, 저희 실험은 방 한 칸짜리 다른 지시문이에요. 그의 사이트를 그대로 다시 만든 게 아니에요. 아이디어는 "마트 걸어가면서 생각한다"고 답했어요.

따라 한다면

• 그릴 방 하나를 정하고 물건은 5개 안쪽으로
• '그림 파일 없이 코드로만, HTML 파일 하나' 조건을 지시문에 넣기
• 나온 코드를 index.html로 저장해 크롬으로 열기
• 지시문 전문과 결과는 aikoreaclub.com/g/code-only-isometric-room-prompt/