최근 한 커뮤니티 게시판에는 "AI로 게임을 만들어서 직접 서비스 중"이라는 글에 조회 3천 회, 댓글 30여 개가 몰렸습니다. 댓글의 핵심은 대체로 같았습니다. "나도 코딩 모르는데 저렇게 게임을 만들어서 남들이 하게 할 수 있나?" 결론부터 말하면 가능합니다. Claude 채팅의 아티팩트(Artifacts) 기능을 쓰면 코딩 지식이 전혀 없어도 웹 게임을 직접 만들고, 다른 사람이 링크만으로 접속해 플레이할 수 있게 공개할 수 있습니다. 다만 "서비스"라는 말이 어디까지를 뜻하는지에 따라 필요한 단계가 달라지므로, 이 글에서는 가장 쉬운 방법부터 좀 더 본격적인 서비스로 키우는 방법까지 순서대로 안내합니다.
🟢 현행 모델 라인업 일치 · 모델 안내 · Fable 구독 안내
Fable 5·5.1 구독 안내(2026년 9월 7일 갱신): 2026년 9월 1일 출시된 Claude Fable 5.1이 현행 Fable 모델이고, Fable 5는 레거시로 전환됐습니다. 구독 조건은 두 모델이 같습니다 — Max·Team Premium 플랜은 주간 사용 한도의 50% 범위에서 포함되고, Pro·Team Standard 플랜은 사용량 크레딧(입력 100만 토큰당
이 글로 할 수 있게 되는 것
이 글을 따라 하면 코딩 지식 없이도 Claude와 대화만으로 간단한 웹 게임 하나를 완성하고, 로그인 없이도 누구나 브라우저로 열어볼 수 있는 공개 링크까지 만들 수 있습니다. 간단한 게임이라면 대화 몇 번으로 첫 결과물을 볼 수 있고, 마음에 들 때까지 다듬는 과정까지 포함해도 대체로 30분 안팎이면 충분합니다. 여기서 한 단계 더 나아가, 랭킹판이나 로그인처럼 사람들의 데이터를 저장하는 "진짜 서비스"로 키우려면 어떤 준비가 더 필요한지도 뒷부분에서 안내합니다.
시작 전 준비물
- Claude 계정 — Free 플랜에서도 아티팩트 기능을 쓸 수 있습니다.
- 인터넷이 연결된 PC 또는 모바일 브라우저
- 계정 설정에서 아티팩트 기능이 켜져 있어야 합니다(아래 1단계에서 확인하는 법을 안내합니다).
용어 빠르게 풀어보기
- 아티팩트(Artifacts) — Claude가 만든 코드나 문서를 채팅창 옆 별도 화면에 띄워서, 그 자리에서 바로 실행해 볼 수 있게 해주는 기능입니다.
- Publish(퍼블리시) — 만든 아티팩트를 인터넷 주소(링크)로 공개해서, Claude 계정이 없는 사람도 열어볼 수 있게 만드는 기능입니다.
- 백엔드(backend) — 사용자의 점수나 계정 정보처럼 데이터를 저장하고 처리하는, 화면 뒤편에서 돌아가는 서버 프로그램을 뜻합니다.
- 호스팅(hosting) — 완성된 웹사이트 파일을 인터넷에 항상 켜져 있는 서버에 올려서, 누구나 그 주소로 접속할 수 있게 해주는 서비스입니다.
- Claude Code — 터미널(컴퓨터에서 글자 명령어를 입력하는 화면)에서 실행하며, Claude가 실제 코드 파일을 직접 작성·수정해 주는 도구입니다.
1단계 — 아티팩트 기능 켜져 있는지 확인하기
먼저 계정 설정에서 아티팩트 기능이 켜져 있어야 게임을 만들 수 있습니다. 화면 왼쪽 아래의 계정 아이콘을 누른 뒤 Settings → Capabilities로 들어가서 "Code execution and file creation"(코드 실행 및 파일 생성 — 실제 화면 표기는 한국어 설정 시 다를 수 있으니 화면에서 정확한 이름을 확인하세요) 항목이 켜짐 상태인지 확인합니다.
이렇게 보이면 성공입니다: 토글이 활성화된 색으로 바뀌어 있습니다. 항목이 보이지 않거나 계속 꺼진 상태로 돌아간다면, 로그인 상태를 다시 확인하거나 페이지를 새로고침해 보세요.
2단계 — 게임을 설명하고 미리보기 확인하기
채팅창에 만들고 싶은 게임을 구체적으로 설명합니다. 처음이라면 규칙이 단순한 게임부터 시작하는 것이 좋습니다.
간단한 벽돌깨기 게임을 HTML, CSS, 자바스크립트로 만들어줘.
화살표 키로 막대를 좌우로 움직이고, 공이 벽돌에 부딪히면 점수가 올라가게 해줘.
공을 놓치면 "게임 오버"가 뜨게 해줘.이렇게 보이면 성공입니다: 요청을 보내면 채팅 오른쪽(또는 화면 구조에 따라 별도 창)에 코드와 함께 게임이 실제로 실행되는 미리보기 화면이 나타납니다. 화살표 키를 눌러 막대가 움직이는지 확인해 보세요.
3단계 — 대화하며 다듬기
마음에 들지 않는 부분은 다시 대화로 요청하면 됩니다. "막대 색을 파란색으로 바꿔줘", "공 속도를 좀 더 빠르게 해줘", "최고 점수를 화면에 표시해줘"처럼 구체적으로 요청할수록 원하는 결과에 가까워집니다. 아티팩트는 여러 버전으로 남기 때문에 이전 결과로 돌아가고 싶다면 이전 메시지를 다시 확인하면 됩니다.
주의: 아티팩트는 이미지·사운드 같은 파일을 별도로 첨부할 수 없고 텍스트 기반 코드로만 저장됩니다(최대 20MB). 그래픽이 화려한 게임보다는 도형, 색상, 이모지, 또는 코드로 직접 그리는 방식의 그래픽에 적합하다는 점을 감안해 요청하세요.
4단계 — Publish로 공개 링크 만들어 공유하기
완성된 게임을 다른 사람도 플레이할 수 있게 하려면 아티팩트 화면의 공유 관련 버튼에서 Publish를 선택합니다. Publish를 하면 Claude 계정이 없는 사람도 로그인 없이 열어볼 수 있는 공개 링크가 만들어집니다.
이렇게 보이면 성공입니다: 생성된 링크를 다른 브라우저(또는 로그아웃 상태)에서 열었을 때 게임이 바로 실행됩니다. 이 링크를 커뮤니티나 지인에게 공유하면, "AI로 만든 게임을 서비스 중"이라고 말할 수 있는 상태가 됩니다.
진짜 '서비스'로 키우려면 — 아티팩트의 한계와 다음 단계
여기서 만든 게임을 더 큰 서비스로 키우려면 먼저 아티팩트의 한계를 이해해야 합니다. 아티팩트는 서버(백엔드)가 없는 하나의 독립된 화면이라서, 사용자별 점수를 저장하는 랭킹판이나 로그인 기능처럼 데이터를 다루는 기능은 만들 수 없습니다.
랭킹판, 로그인, 여러 사용자의 기록 저장 같은 기능이 필요하다면 Claude Code로 실제 코드 프로젝트를 작성하고, 완성된 코드를 GitHub 같은 저장소에 올린 뒤 정적 웹사이트를 무료로 호스팅해 주는 서비스에 연결하는 방식이 일반적입니다. 이 경우 구체적인 화면 구성과 절차는 서비스마다 다르므로, 실제 진행 전에는 해당 서비스의 공식 안내를 확인하는 것이 안전합니다.
| 구분 | 아티팩트로 빠르게 만들기 | Claude Code + 호스팅으로 키우기 |
|---|---|---|
| 난이도 | 매우 쉬움, 코딩 지식 불필요 | 터미널·코드 개념에 어느 정도 익숙해야 유리함 |
| 준비물 | Claude 계정 | Claude Code, GitHub 계정, 호스팅 서비스 계정 |
| 데이터 저장 | 불가(백엔드 없음) | 가능(별도 서버·데이터베이스 구성 시) |
| 적합한 경우 | 간단한 프로토타입, 지인과 공유 | 여러 사용자가 꾸준히 쓰는 서비스 |
자주 막히는 지점과 해결
- 게임을 만들어달라고 했는데 미리보기 창이 안 뜬다 — Settings → Capabilities에서 "Code execution and file creation" 관련 항목이 꺼져 있을 가능성이 큽니다. 1단계로 돌아가 설정을 다시 확인하세요.
- Publish 버튼이 보이지 않는다 — 아티팩트 화면의 공유 관련 메뉴 위치는 업데이트에 따라 달라질 수 있으므로, 화면에 보이는 공유·더보기 아이콘들을 눌러 정확한 위치를 확인하세요.
- 이미지나 배경음악 파일을 넣고 싶은데 안 된다 — 아티팩트는 파일 첨부 없이 텍스트 코드로만 구성됩니다. 도형·색상·이모지로 표현하거나 코드로 직접 그래픽을 그리는 방향으로 요청해 보세요.
- 랭킹판이나 로그인을 넣고 싶은데 안 된다 — 아티팩트에는 애초에 서버(백엔드)가 없어 원천적으로 불가능합니다. 이런 기능은 Claude Code로 코드를 확장하고 별도 호스팅에 배포해야 구현할 수 있습니다.
주의: 게임을 널리 공유하거나 수익화할 계획이라면, 사용한 이미지·음악 등의 저작권과 이용 중인 서비스들의 이용약관을 미리 확인해 두는 것이 안전합니다.
자주 묻는 질문
Q. 코딩을 전혀 몰라도 Claude로 게임을 만들 수 있나요?
네, 가능합니다. Claude 채팅에서 원하는 게임을 말로 설명하면 Claude가 코드를 작성해 옆 화면에서 바로 실행해 볼 수 있게 해줍니다. 코드를 직접 읽거나 수정할 필요는 없습니다.
Q. 무료 플랜으로도 가능한가요?
네, 아티팩트 기능 자체는 Free 플랜을 포함한 모든 플랜에서 쓸 수 있습니다. 다만 계정 설정에서 관련 기능이 켜져 있어야 합니다. 정확한 플랜별 조건은 변동될 수 있으므로 화면에서 다시 확인하는 것이 좋습니다.
Q. 만든 게임을 다른 사람도 플레이하게 하려면 어떻게 하나요?
아티팩트 화면의 Publish 기능으로 공개 링크를 만들면 됩니다. 이 링크는 Claude 계정이 없는 사람도 열어서 바로 플레이할 수 있습니다.
Q. 랭킹판이나 로그인 같은 기능도 넣을 수 있나요?
기본 아티팩트만으로는 불가능합니다. 아티팩트는 서버(백엔드)가 없는 정적 페이지라서 데이터를 저장할 수 없기 때문입니다. 이런 기능이 필요하다면 Claude Code로 코드를 확장한 뒤 별도의 호스팅 서비스에 배포해야 합니다.
코딩을 몰라도 아이디어만 있으면 Claude와의 대화로 웹 게임 하나쯤은 어렵지 않게 완성할 수 있습니다. 커뮤니티에서 화제가 된 사례처럼 가볍게 만들어 공유하는 것부터 시작해서, 필요하다면 Claude Code와 외부 호스팅으로 한 단계씩 서비스를 키워 나가 보세요.