두 방식이 돌아가는 구조
사이트 빌더는 자기 편집기 안에서 사이트를 완성하게 하고, 사이트도 그 플랫폼의 서버에 올라갑니다. Framer와 Pineapple Builder 모두 무료 플랜이 있고, 무료로 쓰면 플랫폼이 주는 주소를 씁니다. 자기 도메인을 연결하려면 월 단위로 청구되는 유료 플랜으로 옮겨야 합니다.
Claude Code로 만드는 방식은 다릅니다. AI 코딩 도구에 대화로 부탁해 내 컴퓨터 안에 웹 파일을 바로 쓰게 합니다. 결과물은 폴더 하나이고, 웹 페이지를 올릴 수 있는 곳이면 어디에나 둘 수 있습니다. Sketchry Skill이라면 결과물은 순수 HTML과 CSS, JavaScript입니다.
사이트는 어디에 있고 누가 가지고 나갈 수 있나
빌더의 사이트는 그 빌더 위에 삽니다. 서버와 도메인 설정, 백업을 맡길 수 있는 대신 사이트는 플랫폼이 가는 곳으로 따라갑니다. Hocoos가 한 예입니다. 이 AI 사이트 빌더는 자사 사이트에 더 이상 운영하지 않는다고 알리고, 각 사이트의 HTML 사본을 내려받게만 해 두었습니다. 기한은 2026년 4월 23일까지입니다(2026년 10월 9일 해당 사이트에서 확인한 내용 기준).
Claude Code로 만든 사이트는 처음부터 내 컴퓨터에 파일이 있으므로, 호스트를 바꾸는 일은 폴더 하나를 옮기는 것입니다.
비용은 어떻게 쌓이나
빌더는 사이트마다 월 또는 연 단위로 청구합니다. 오래 쓰고 여러 개를 운영할수록 내는 돈이 쌓입니다. Framer와 Pineapple Builder의 유료 플랜도 그렇게 계산됩니다.
Claude Code 쪽 비용은 AI 도구 자체의 이용료와 사이트를 둘 공간의 값입니다. 순수한 정적 사이트는 무료 플랜이 있는 호스트에 들어가는 경우가 많아, 두 번째와 세 번째 사이트를 만들어도 사이트마다 월 요금을 또 낼 필요는 없습니다.
무엇을 알아야 하나
빌더가 가장 친절합니다. 브라우저를 열고 편집기 안에서 요소를 끌어다 놓고 글을 고치면 끝나며, 코드는 전혀 만지지 않습니다.
Claude Code는 먼저 AI 코딩 도구를 익히라고 요구합니다. 설치하기, 지시를 붙여 넣기, 내 컴퓨터에서 결과를 확인하기, 그리고 파일을 호스트에 올리기입니다. 코드를 직접 쓰지는 않지만 이 몇 단계는 배울 마음이 있어야 합니다.
디자인의 자유도
빌더의 레이아웃은 그 빌더의 구성 요소로 짜여 있습니다. 안정적으로 돌아가는 대신 그 틀을 넘어갈 수는 없습니다. Claude Code에는 제약이 거의 없어서 화면을 가득 채우는 애니메이션, 스크롤에 맞춰 넘어가는 연속 프레임, 흔치 않은 조작까지 만들 수 있습니다. 걸리는 점은 결과가 내가 준 지시에 따라 달라진다는 것입니다.
AI에게 그냥 "식당 사이트를 만들어 줘"라고 하면 대개 아주 평범한 레이아웃이 돌아옵니다. Skill이 쓰이는 곳이 바로 여기입니다. 디자인 규격과 방법을 미리 적어 두어 결과가 일정해집니다.
나중에 고칠 때
빌더에서는 편집기 안에서 고칩니다. Claude Code에서는 AI에게 무엇을 바꿀지 말하거나 파일을 직접 고칩니다. 파일이 내 손에 있으니 다른 디자이너나 개발자에게 넘기기도 쉽습니다.
어느 쪽이 맞나
빌더를 고를 때: 되도록 빨리 공개하고 싶고, 호스팅과 양식, 예약 기능이 처음부터 들어 있어야 하고, 코드는 전혀 만지고 싶지 않을 때입니다.
Claude Code를 고를 때: 프리랜서나 디자이너로 원본 파일을 고객에게 넘겨야 하거나, 흔치 않은 애니메이션을 만들고 싶거나, 이미 AI 코딩 도구를 쓰고 있거나, 사이트를 한 플랫폼에 묶어 두고 싶지 않을 때입니다.
두 길은 서로 배타적이지 않습니다. 빌더에서 먼저 아이디어를 시험하고, 그다음에 자기 최종 버전을 만들어도 됩니다.
Skill이 들어오는 자리
Sketchry의 웹사이트 Skill은 바로 이 Claude Code 쪽을 위해 만들어졌습니다. 모두 빠짐없는 디자인 규격이 딸려 오고, 대부분에는 시연용 소재 팩도 함께 옵니다. Claude Code나 Codex, Cursor에 붙여 넣으면 AI가 사이트를 통째로 만들고, 그다음 자기 브랜드와 사진으로 바꿔 넣습니다.
완성된 결과는 웹사이트 템플릿에서 볼 수 있습니다. Skill이 무엇인지 잘 모르겠다면 AI Skill이란부터 보세요. 먼저 하나 써 보려면 OFFSET STUDIO가 로그인하면 무료입니다.
자주 묻는 질문
Claude Code로 사이트를 만들려면 코드를 쓸 줄 알아야 하나요?
아닙니다. 코드는 AI 도구가 씁니다. 다만 도구를 다루는 일은 필요합니다. 설치하기, 지시를 붙여 넣기, 내 컴퓨터에서 확인하기, 파일을 호스트에 올리기입니다.
완성된 사이트는 어디에 두나요?
평범한 웹 파일 묶음이므로 정적 사이트를 서비스하는 호스트라면 어디서나 동작합니다. Netlify나 Cloudflare Pages 같은 곳이고, 무료 플랜이 있는 경우도 많습니다.
빌더에서 만든 사이트를 옮길 수 있나요?
플랫폼에 따라 다릅니다. 사이트 사본을 내보내거나 내려받게 해 주는 곳도 있지만, 내보낸 사본을 원래 편집기에서 다시 열어 고칠 수 있다고 보장되지는 않습니다. 빌더를 고르기 전에 내보내기 기능이 있는지 확인하세요.
어느 쪽이 더 쌀까요?
몇 개를 만들고 얼마나 오래 쓰는지에 달려 있습니다. 빌더 비용은 달마다 쌓입니다. Claude Code는 AI 도구 이용료에 호스팅을 더한 값이라, 사이트를 많이 만들수록 하나에 돌아가는 비용은 줄어듭니다.