연결: AI 도구로 만든 사이트에 실제 주소 주기

AI 도구가 만든 사이트는 컴퓨터(폴더 또는 도구가 열려 있을 때만 작동하는 미리보기 링크)에 있습니다. 게시하면 파일이 aiKit 호스팅으로 복사되고, 컴퓨터가 켜져 있든 꺼져 있든 유지되는 일반 https 주소가 생깁니다. 어떤 기기에서나 접속할 수 있고 내 인터넷 연결과 무관하며 설치할 것도 없습니다. 이후의 모든 변경은 되돌릴 수 있는 버전으로 저장됩니다. 나만의 도메인은 준비되면 추가할 수 있습니다.

그 뒤에는 작업을 이어가는 두 가지 방법이 있으며, 원칙은 이렇습니다. 어느 쪽이든 원할 때 둘 다 사용할 수 있고, 한쪽이 멈추거나 다른 쪽을 기다릴 필요는 없습니다. 방법 1은 도구에서 계속 만드는 것입니다. Claude, Claude Code, ChatGPT 또는 Cursor는 커넥터를 통해 변경된 파일만 보내고, aiKit은 새 버전을 만듭니다. 실제 운영 중인 사이트라면 aiKit에서 직접 게시하기 전까지 초안으로 대기합니다(또는 도구가 publish_changes를 호출하면 같은 자동 검사를 먼저 실행한 뒤 게시합니다). 사이트가 아직 모양을 잡아가는 중이거나 큰 재디자인을 할 때 가장 좋습니다. 방법 2는 aiKit에서 직접 작업하는 것입니다. 어시스턴트 채팅, 실제 페이지의 핀, 실제 고객 문의를 받는 키트 페이지, 브리프 및 규칙, 버전 기능을 사용합니다. 문구, 영업시간, 가격, 새 페이지, 고객이 요청하는 모든 작업을 요청하는 순간 처리하기에 가장 좋습니다. 어느 쪽에서 한 변경이든 각각 되돌릴 수 있는 별도 버전이 되므로 조용히 사라지지 않습니다. 알아두면 좋은 예외는, 같은 파일을 양쪽에서 거의 동시에 바꾸면 나중에 저장된 내용이 그 파일의 실제 버전으로 남고, 다른 버전은 버전 메뉴에 남아 한 번의 클릭으로 복원할 수 있다는 점입니다. 압축 파일이나 GitHub 프로젝트는 바로 방법 2를 쓸 수 있습니다. 나중에 도구를 연결하면 같은 프로젝트로 업데이트가 전송되어 방법 1이 추가됩니다.

홈 탭과 코드 탭이 있는 Claude 데스크톱 앱에서 aiKit 커넥터는 탭마다 따로 켜는 것이 아니라 앱 전체에 대한 스위치 하나입니다. 어느 탭에서든 + → 커넥터 메뉴로 한 번만 켜면 Claude Code를 포함해 두 탭 모두에서 작동합니다. 코드 탭에 따로 설정할 단계는 없습니다. 지금 작업 중인 탭에 프롬프트를 바로 붙여넣으세요.

Claude, ChatGPT, Cursor, Lovable, Bolt, 또는 v0에서 만든 사이트는 호스팅하기 전까지 노트북에만 있습니다. 연결 페이지(호스팅된 프로젝트 메뉴의 "Connect")에서 사이트를 aiKit으로 옮기면 노트북을 꺼도 작동하는 링크가 생기고, 어시스턴트 채팅, 버전 기록, 고정 기능, 비공개 리드 페이지도 함께 사용할 수 있습니다. 페이지 상단에는 설정 전에 비용 정보가 먼저 나옵니다. aiKit 주소에서는 작은 배지와 함께 90일 동안 호스팅이 무료입니다. 계속 공개 상태로 두는 것과 맞춤 도메인은 유료 요금제에서 제공됩니다. AI 수정은 무료 토큰의 시작 잔액에서 차감되며, 어시스턴트가 잔액을 보여주고 0이 되면 멈춥니다. 이유도 함께 안내합니다. AI는 수정할 때마다 실제 비용이 들지만, 호스팅은 그렇지 않습니다.

1단계는 프로젝트를 만든 도구를 고르는 것입니다. Claude(앱 또는 claude.ai, 주소 하나를 커넥터로 붙여넣는 가장 쉬운 방법), Claude Code(터미널 명령어 한 줄), ChatGPT(개발자 모드 커넥터), Cursor / Windsurf / VS Code(작은 설정 파일), 또는 기타(zip 또는 GitHub 링크를 내보내서 업로드)에서 선택하세요. 선택에 따라 페이지의 나머지 내용이 바뀝니다.

내보내기 방식을 제외한 모든 도구에서 2단계는 키를 만듭니다. 페이지에서는 세 줄로 설명합니다. 키가 무엇인지(하나의 AI 도구가 나를 대신해 aiKit에서 프로젝트 생성, 파일 업로드, 이미 볼 수 있는 사이트 업데이트를 할 수 있게 해주는 긴 비밀번호이며, 그 밖의 기능은 없습니다), 사용되면 어떻게 되는지(도구가 키를 붙여 작성한 파일을 보내면 aiKit이 이를 확인하고 내 계정 아래에 프로젝트를 만듭니다), 그리고 반드시 비공개로 유지해야 한다는 점(도구마다 키 하나, 노트북을 잃어버리면 여기서 취소, 한 번만 표시됨). 이름은 기본적으로 도구 이름으로 설정됩니다.

3단계는 도구별 번호 매긴 설정 안내입니다. 모든 주소와 명령어에는 새 키가 이미 채워져 있고 복사 버튼이 있습니다. Claude는 설정 → 커넥터 → 사용자 지정 커넥터 추가에서 aiKit 주소를 입력하고, Claude Code는 claude mcp add 명령어 한 줄을 사용하며, ChatGPT는 설정 → 커넥터 → 고급 → 개발자 모드 → "인증 없음"으로 만들기를 선택합니다(키는 주소 안에 포함됨). 편집기용으로는 mcp.json 스니펫이 제공되고, 내보내기 방식이라면 새 프로젝트 → 상세 설정 → 다른 AI 도구에서 파일 가져오기 경로에서 zip(최대 300MB) 또는 공개 GitHub 링크를 사용합니다.

이 프롬프트는 모든 도구에 동일하게 적용되는 완전한 사양입니다(2026-09-11). aiKit이 호스팅하는 정확한 폴더 구조(루트에 index.html, .html 파일이나 폴더마다 페이지 하나, styles.css, assets/ 폴더, 상대 경로만 사용, 빌드 단계가 필요 없는 구성, 비밀 정보 없음, 용량 제한), 모든 페이지에 있어야 할 요소(제목, 설명, viewport 태그, 동일한 머리글과 바닥글, 대체 텍스트, 휴대폰 너비에 맞는 레이아웃), 양식 작성 방법(aiKit이 업로드 후 자체 견적, 문의, 예약 시스템에 연결하므로 action="#"를 사용하는 일반 HTML), 지어낸 정보 대신 [PLACEHOLDER] 표시를 사용하라는 규칙, 전달 전에 도구가 실행하는 다섯 가지 체크리스트가 포함됩니다. 복사 버튼을 눌러 작업할 채팅의 시작 부분에 붙여넣고, 사이트 설명은 그 다음에 하세요.

내보내기 파일의 처리 방식: 루트에 index.html이 있고 프레임워크를 사용하지 않은 zip 또는 공개 GitHub 저장소는 내보낸 그대로 호스팅됩니다. aiKit은 압축을 풀고 node_modules, 빌드 결과물, 비밀 파일을 제거하며, 모든 내부 링크와 자산 경로가 서버에서 보는 방식 그대로(대소문자 구분) 올바른지 확인합니다. 찾은 페이지를 바탕으로 PLAN.md를 작성하고, 파비콘이 없으면 추가하며, 실시간 사이트 편집기 스크립트를 넣습니다. 그리고 몇 초 안에 프로젝트를 준비 완료로 표시합니다. AI 처리나 디자인 및 문구 변경은 없습니다. 루트 index.html이 없거나, 프레임워크 프로젝트이거나, 경로가 깨진 경우에만 경로 수정만 하도록 지시된 가벼운 AI 처리를 거칩니다. 프로젝트 페이지의 빌드 로그에 두 경우 중 어떤 것이 적용되었는지 나옵니다.

Claude Code, Claude, Cursor 또는 ChatGPT에서 커넥터를 통해 게시하면 내보내기 단계를 건너뜁니다. publish_site가 파일을 바로 보내고 프로젝트가 준비 완료 상태로 목록에 나타납니다. 이후 update_site는 변경된 파일만 보냅니다. 프로젝트 페이지에서 공개하기 버튼을 누르기 전까지는 어떤 것도 공개되지 않습니다.

도구를 연결하면 aiKit 계정으로 파일을 보낼 수 있는 권한만 생기며, aiKit이 실행할 수 있는 범위가 바뀌지는 않습니다. aiKit은 한 가지 유형만 호스팅합니다. 계속 실행되는 서버가 없어도 작동하는 파일로 구성된 웹사이트입니다. 프로젝트를 여기서 호스팅할 수 있는지는 어떤 AI 도구로 만들었는지나 그 도구를 연결했는지가 아니라, 실행에 무엇이 필요한지에 따라 결정됩니다. 다음은 aiKit에서 작동합니다.

• 마케팅 또는 정보 제공용 웹사이트(홈, 소개, 서비스, 갤러리, 문의 페이지).
• 문의, 견적, 예약 양식. aiKit이 업로드 후 자체 시스템에 연결하며, 실제 제출 내용은 프로젝트의 요청 탭에 들어갑니다.
• 블로그 또는 포트폴리오.
• 프레임워크 프로젝트(React, Next, Vite, Astro 또는 유사한 것). 일반 정적 파일로 내보낼 수 있거나, 빌드에 서버 측 비밀 정보나 데이터베이스가 필요 없고 실행 중에도 필요 없다면 가능합니다.
• 정보 표시용 대시보드 또는 고객 포털. 표시만 하고 로그인이나 뒤에 데이터베이스가 없는 것.

다음 항목은 어떤 AI 도구로 만들었든, 해당 도구를 연결했든 상관없이 오늘 aiKit에서 호스팅할 수 없습니다.

• 서버에서 확인하는 사용자 계정, 로그인 또는 비밀번호.
• 어떤 종류든 데이터베이스. 저장된 기록, 주문, 채팅 기록, 검색 기록, 사용자별로 유지되어야 하는 모든 것.
• 실행 중에 비밀 키로 호출하는 유료 API(예: Anthropic 또는 OpenAI API를 직접 호출하는 앱). 일반 호스팅 사이트에서는 키를 안전하게 둘 곳이 없습니다.
• 서버에서 결제를 완료하는 결제 처리 또는 결제 기능.
• 계속 실행되는 서버가 필요한 기능. 웹훅, 백그라운드 작업, 실시간 채팅 백엔드.

만약 여러분이 만든 것에 그중 하나라도 필요하다면, AI 도구를 연결해도 달라지는 것은 없습니다. 도구는 이 페이지가 방금 말한 것과 같은 이야기를 해 줄 것이고, 게시하면 기능이 빠진 껍데기(아마도 랜딩 페이지 정도)만 나오게 되며, 제대로 작동하는 앱은 나오지 않습니다. 실제 예를 두 가지 들어 보겠습니다. 견적 양식이 있는 빵집 웹사이트는 여기서 문제없이 게시되며, 두 가지 업데이트 방식(AI 도구로 보내는 변경 사항과 aiKit의 핀/어시스턴트)이 계속 그대로 작동합니다. 로그인과 데이터베이스가 있는 학습 앱은 여기서 호스팅할 수 없습니다. 자체 서버와 데이터베이스를 갖춘 별도의 호스팅이 필요하며, 그곳에 올린 뒤에도 지금처럼 AI 도구로 직접 계속 만들고 업데이트하면 됩니다. aiKit은 그 프로젝트의 호스팅에 포함되지 않으므로, 이 페이지의 두 업데이트 방식 모두 그 프로젝트에는 적용되지 않습니다.