MCP(Model Context Protocol)는 AI 어시스턴트와 Kanorio 사이의 번역기 역할을 합니다. 연결이 완료되면 대시보드를 수동으로 클릭할 필요가 없습니다. ChatGPT, Claude 또는 Cursor에게 "수제 베이커리 사이트를 만들고, 히어로 섹션, 빵 소개 3개, FAQ 섹션을 홈페이지에 추가한 뒤, 검토할 수 있게 초안으로 저장해 줘"라고 자연스럽게 말하기만 하면 AI가 Kanorio에서 작업을 대신 처리합니다.
https://app.kanorio.com/api/mcp사용 중인 도구에 따라 두 가지 연결 방법이 있습니다.
| 도구 | 연결 방법 | 작동 방식 | 다음 단계 |
|---|---|---|---|
| ChatGPT, Claude, Gemini, Zapier, Make | OAuth (키 불필요) | 도구에 서버 URL을 붙여넣습니다. 브라우저가 Kanorio 인증 페이지로 리디렉션됩니다. "허용"을 클릭하여 완료합니다. 자격 증명은 도구에 의해 자동으로 관리 및 업데이트됩니다. | 방법 1: OAuth를 통해 연결 |
| Cursor, Claude Code, GitHub Copilot, Windsurf, Perplexity, n8n, Custom Code | API 키 | Kanorio에서 knr_pat_ 키를 생성한 다음, 생성된 구성 스니펫을 복사하여 도구에 붙여넣습니다. | 방법 2: API 키를 통해 연결 |
도구가 어떤 방법을 사용하는지 확실하지 않다면, "계정 설정 › API 액세스"로 이동하여 "키 만들기"를 클릭하세요. 첫 번째 단계에서 도구를 선택합니다. OAuth 링크를 지원하는 도구를 선택하면 새 키를 만들지 않고도 화면에서 서버 URL을 바로 제공합니다.
두 방법 모두 동일한 보안 규칙을 공유합니다. AI는 사용자가 부여한 권한을 넘어서는 작업을 수행할 수 없으며, 해당 사이트에서 사용자의 멤버 역할보다 높은 권한을 가질 수 없습니다.
ChatGPT, Claude, Gemini, Zapier, Make와 같이 내장된 "커넥터"가 있는 도구에 적합합니다. ChatGPT와 Claude의 예시는 다음과 같습니다.
Kanorio로 지정하고, MCP 서버 URL https://app.kanorio.com/api/mcp를 입력한 뒤, 인증 방법으로 OAuth를 선택합니다.Kanorio와 URL https://app.kanorio.com/api/mcp를 입력합니다.저장 후 브라우저에서 Kanorio 인증 페이지가 열립니다.
다시 인증하라는 메시지가 뜨나요? 처음에 기본 "콘텐츠 편집" 권한으로 연결했다가 나중에 AI에게 "사이트 게시"나 "사용자 지정 도메인 바인딩"을 요청하면, AI 어시스턴트가 자동으로 인증 페이지로 안내하여 누락된 권한을 부여하도록 합니다(새 항목은 "신규"로 표시됨). 확인 후 "허용"을 클릭하여 계속 진행하세요. 인증 화면에 대한 전체 설명 및 액세스 권한 취소 방법은 을 참조하세요.
Gemini 사용 시 참고: Google은 현재 Gemini 웹의 "사용자 지정 앱"을 영어 인터페이스를 사용하는 18세 이상의 미국 개인 계정으로 제한하고 있습니다. Gemini Enterprise는 고정 클라이언트 비밀 키 요구 사항으로 인해 현재 지원되지 않습니다.
Cursor, Claude Code, GitHub Copilot(VS Code), Windsurf, Perplexity, n8n 및 사용자 지정 프로그램에 적합합니다.
키가 생성되면 키와 서버 URL이 이미 입력된 구성이 화면에 생성됩니다. "구성 복사"를 클릭하고 적절한 위치에 붙여넣으세요.
| 도구 | 제공 형식 | 붙여넣을 위치 |
|---|---|---|
| Cursor | .cursor/mcp.json 구성 내용 | 프로젝트 루트의 .cursor/mcp.json 또는 "Cursor Settings › MCP" |
| Claude Code | 한 줄짜리 claude mcp add 명령어 | 터미널에서 직접 실행합니다. claude mcp list를 사용하여 연결을 확인합니다. |
| GitHub Copilot | .vscode/mcp.json 구성 내용 | 프로젝트의 .vscode/mcp.json 파일입니다. 저장 후 VS Code를 다시 로드하세요. |
| Perplexity | 서버 URL + API 키 | Perplexity의 "Settings › Connectors › Custom Connector"를 엽니다. URL을 https://app.kanorio.com/api/mcp로 설정하고, 인증 방식으로 "API Key"를 선택한 뒤 키를 붙여넣고, 전송 방식을 "Streamable HTTP"로 설정합니다. |
| Windsurf, n8n | URL + Authorization 헤더 | 도구의 MCP 또는 HTTP 연결 설정에 붙여넣습니다. |
| 기타 도구 |
Cursor 구성 (.cursor/mcp.json) 예시:
{ "mcpServers": { "kanorio": { "url": "https://app.kanorio.com/api/mcp", "headers": { "Authorization": "Bearer knr_pat_your_key" } } } }
Claude Code 터미널 명령어 예시:
claude mcp add --transport http kanorio https://app.kanorio.com/api/mcp \ --header "Authorization: Bearer knr_pat_your_key"
로컬 구성 파일에 키를 저장하고 싶지 않으신가요? Cursor와 Claude Code도 OAuth 링크를 지원합니다. Cursor 설정에서
headers필드를 생략하거나 Claude Code에서--header매개변수를 생략하세요. 첫 사용 시 도구가 자동으로 브라우저를 열어 Kanorio 인증 페이지로 안내합니다. 이러한 도구는 로컬에서 실행되므로 "이 장치의 프로그램으로 돌아갑니다"라는 노란색 "ID 미확인" 경고가 표시될 수 있습니다. 연결을 직접 시작했다면 안전하게 "허용"을 클릭해도 됩니다( 참조).
AI가 사이트를 관리하게 하기 전에 어떤 작업에 "초안 버퍼"가 있는지 이해하세요:
계정 보안, 재무 및 고객 개인정보를 보호하기 위해 다음 작업은 시스템 수준에서 AI나 API를 통한 수행이 엄격히 금지됩니다. "전체 관리" 권한이 있더라도 이러한 작업은 Kanorio 대시보드에서 직접 수행해야 합니다:
연결되면 AI는 다음 17가지 기능을 호출할 수 있습니다(오른쪽 도구 이름은 엔지니어링 참조 또는 Cursor/Claude의 호출 로그 확인용입니다).
| 기능 영역 | AI가 수행할 수 있는 작업 | MCP 도구 이름 |
|---|---|---|
| 모듈 사양 | 지원되는 모든 모듈 유형, 필드 형식 및 레이아웃 제안 쿼리 | sections_describe |
| 사이트 및 상태 | 사이트 목록 표시, 플랜 및 게시 상태 확인, 시각적 사이트 구조(페이지 계층, 모듈 구성 및 스토어/블로그 통계) 읽기, 빈 사이트 생성 또는 AI 사이트 마법사 실행, AI 빌드 진행 상황 확인 | sites_list, sites_get, sites_structure, sites_create, jobs_get |
| 외관 및 설정 | 사이트 설정 읽기(읽기 전용 통화 포함); 브랜드 색상, 글꼴, 테두리 반경, 레이아웃 밀도, 다크/라이트 모드 및 콘텐츠 언어 업데이트 | site_get_settings, site_update_settings |
| 헤더, 푸터 및 글로벌 버튼 | 메인 헤더 탐색 및 푸터 읽기/업데이트; 글로벌 CTA 버튼, 브랜드 소셜 링크 및 이동 경로(breadcrumb) 토글 설정 | globals_get, globals_replace_header, globals_replace_footer, globals_update_site_settings |
AI 어시스턴트는 다음 7단계를 따를 때 가장 잘 작동합니다(이 순서는 AI가 자동으로 따르는 sections_describe 가이드에 내장되어 있습니다):
.kanorio.com 하위 도메인이 필요함).예시 1: 처음부터 브랜드 사이트 구축하기(초안 모드)
Kanorio에서 새로운 브랜드 사이트를 만들어 주세요: - 브랜드 이름: [브랜드 이름] - 업종 및 소개: [비즈니스 및 서비스 설명] - 스타일 및 색상: [예: 따뜻한 흙색 톤, 부드러운 둥근 모서리, 밝은 배경] - 기본 작업 버튼: [예: 지금 예약(https://instagram.com/example 링크)] "홈페이지"와 "회사 소개" 페이지를 계획하고 만들어 주세요. 베이커리/빵 테마에 적합한 스톡 사진을 선택해 주세요. 구축 후 헤더 내비게이션을 업데이트하고 게시하기 전에 검토할 수 있도록 초안으로 저장해 주세요.
예시 2: 기존 페이지 다시 쓰기 및 SEO 최적화
Kanorio에 있는 내 [브랜드 이름] 사이트를 읽어 주세요: 1. 현재 홈페이지 모듈을 검토하고, 내용을 더 매력적으로 다시 쓰고, 하단에 "FAQ" 모듈을 추가해 주세요(보관, 예약 시간, 알레르기 관련 Q&A 4개 포함). 2. 사이트 내 모든 페이지의 SEO 제목과 설명을 확인하고 업데이트해 주세요. 아직 게시하지 말고 초안으로 저장한 뒤, 변경 사항을 알려 주세요.
예시 3: 사진 업로드 및 블로그 게시물 초안 작성
내 [브랜드 이름] 사이트에 "가을 밤 사워도우 출시"에 관한 블로그 게시물을 추가하고, 방금 찍은 새 사진으로 홈페이지 히어로 이미지를 업데이트하고 싶습니다. 사진을 업로드할 수 있는 링크를 제공해 주세요. 업로드 후 이미지를 업데이트하고 블로그 초안을 만들어 주세요.
왜 AI는 내가 채팅에 붙여넣은 사진을 사용할 수 없나요?
보안 제한으로 인해 ChatGPT/Claude는 AI가 채팅 내 이미지를 "볼" 수는 있게 하지만, 원본 이미지 파일을 Kanorio로 전송하지는 않습니다. 사이트에 이미지가 필요할 때 AI는 다음 네 가지 경로 중 하나를 따릅니다. AI의 안내를 따르기만 하면 됩니다:
| 상황 | AI의 도움 방식 | 형식 및 제한 |
|---|---|---|
| 1. 사진 파일을 가지고 있는 경우 (권장) | AI에게 "사진을 업로드하고 싶어"라고 말하세요. AI가 media_create_upload_link를 호출하여 고유한 업로드 URL을 제공합니다. 휴대폰이나 컴퓨터에서 해당 링크를 열어 사진을 선택하고 업로드하세요. 완료 후 AI에게 "업로드 완료"라고 말하면 사진이 미디어 라이브러리에 추가됩니다. | 링크는 15분간 유효하며, 업로드당 최대 20개 파일(기본값 10개), 파일당 최대 10MB까지 가능합니다. JPEG, PNG, WebP, GIF, HEIC(iPhone 라이브 포토는 자동 변환)를 지원합니다. |
| 2. 공개 이미지 URL이 있는 경우 | 이미지 https:// URL을 AI에게 직접 붙여넣으세요. AI가 이미지를 다운로드하여 미디어 라이브러리에 저장합니다. | 파일당 최대 40MB까지 가능합니다. JPEG, PNG, WebP, GIF, SVG, HEIC를 지원합니다. |
| 3. 이전 사이트에서 이미지를 가져오고 싶은 경우 | 이전 사이트 URL을 AI에게 붙여넣으세요. AI가 커버, 로고 및 콘텐츠 이미지를 나열하여 선택할 수 있게 해줍니다. 라이브러리에 저장하기 전에 "이 이미지들의 소유자이거나 사용할 권한이 있습니까?"라고 확인을 요청할 것입니다. | 공개적으로 접근 가능한 페이지여야 합니다. 로그인이 필요한 페이지(예: Instagram, Facebook)는 크롤링할 수 없으므로, 방법 1의 업로드 링크를 사용하세요. |
| 4. 아직 사진이 없는 경우 | AI가 Pexels와 Pixabay에서 상업용으로 사용 가능한 무료 스톡 사진을 검색하여 라이브러리에 저장하고, 나중에 교체할 수 있도록 사용 위치를 알려줍니다. | 모두 로열티 프리이며 상업적으로 사용 가능합니다. AI는 스톡 사진을 브랜드 로고로 사용하지 않습니다. |
media_trash)으로 이동하도록 요청할 수 있습니다. 휴지통에 있는 파일은 사이트에서 표시가 중단되지만 저장 용량에는 포함됩니다. AI 또는 를 통해 30일 이내에 복구(media_restore)할 수 있습니다. 영구적으로 삭제하려면 AI에게 요청하세요(media_purge; 이미지가 여전히 사용 중인지 확인해 줍니다). 디지털 상품 다운로드 파일은 보호되며 휴지통으로 이동할 수 없습니다.brief 모드에서 sites_create)에 AI 어시스턴트를 사용하면 계정의 AI 크레딧과 일일 사이트 구축 제한이 차감됩니다. 무료 플랜 제한(페이지 수, 표시 모듈)이 적용됩니다( 참조).다음 세 가지를 확인하세요:
새 사이트를 구축하려면 키 또는 인증 범위를 "모든 사이트(향후 추가되는 사이트 포함)"로 설정해야 합니다. 특정 기존 사이트만 선택한 경우 AI는 새 사이트를 만들 수 없습니다. 키를 편집하거나 앱을 다시 인증하여 범위를 "모든 사이트"로 변경하세요.
통화 변경은 스토어 전체의 가격 단위에 영향을 미치며 결제 게이트웨이에 의해 제한됩니다. 상품 가격을 직접 변경하면 결제 금액에 직접적인 영향을 미칩니다. 실수로 인한 손실을 방지하기 위해 이러한 작업은 "사이트 설정 › 일반" 및 "스토어 › 상품"에서 수동으로 관리해야 합니다.
| Cursor/Claude Code/Generic 탭 선택 |
| 도구에서 지원하는 형식에 맞춰 붙여넣습니다. |
| 페이지 및 콘텐츠 |
페이지 목록 표시, 읽기, 생성 및 삭제(최대 3단계의 parentSlug 하위 페이지 및 subtree/lift-children 삭제 모드 지원); 제목, URL(301 리디렉션 자동 생성), 이동 경로 재정의, 가시성 및 SEO 업데이트; 페이지 순서 변경; 전체 페이지 섹션 다시 작성 |
pages_list, pages_get, pages_create, pages_update, pages_reorder, pages_delete, pages_replace_sections |
| 수정 및 복원 | 지난 30일간의 사이트 초안 또는 블로그 게시물 수정 기록 목록, 스냅샷 읽기 및 단일 페이지나 전체 초안 복원(복원 전 자동 백업) | revisions_list, revisions_get, revisions_restore |
| 미디어 라이브러리 | 라이브러리 및 저장소 사용량 확인, 파일 사용 위치 확인, 이미지 업로드, 이미지 교체(모든 인스턴스 업데이트), 15분간 유효한 공개 업로드 링크 생성, 스톡 사진 검색/가져오기, 이전 사이트의 이미지 목록 표시, 휴지통으로 이동/복원/영구 삭제 | media_list, media_get, media_upload, media_replace, media_create_upload_link, media_upload_link_status, media_search_stock, media_import_stock, media_list_page_images, media_trash, media_restore, media_purge |
| 블로그 | 게시물 초안 목록 표시, 읽기, 생성 및 업데이트; 게시물 게시/게시 취소; 카테고리 및 태그 보기 | posts_list, posts_get, posts_create, posts_update, posts_publish, posts_unpublish, blog_categories_list, blog_tags_list |
| 사용자 지정 컬렉션 구조 생성/업데이트(17개 필드 유형 + JSON); 항목 목록 표시, 필터링, 생성, 업데이트, 삭제, 게시/게시 취소 및 대량 쓰기; 허용 출처 쿼리/설정 ("컬렉션 관리" 또는 "사이트 설정 관리" 권한 필요) | collections_list, collections_get, collections_create, collections_update, collections_delete, items_list, items_get, items_create, items_update, items_delete, items_publish, items_unpublish, items_bulk_create, items_bulk_update, site_get_allowed_origins, site_update_allowed_origins |
| 온라인 폼 | 폼 필드 설정 및 수신된 제출물 보기(읽기 전용, 첨부 파일 다운로드 불가) | forms_list, forms_get, submissions_list, submissions_get |
| 연락처 및 세그먼트 | 연락처 및 소비 요약 보기, 수동으로 연락처 추가, 태그/메모 업데이트, 세그먼트 수 보기 | contacts_list, contacts_get, contacts_add, contacts_update_tags_note, segments_list |
| 스토어 상품 | 상품 및 카테고리 보기, 상품 세부 정보 및 이미지 생성/업데이트, 상품 보관 | products_list, products_get, products_create, products_update, products_archive, product_categories_list |
| 스토어 주문 | 주문 세부 정보 및 배송 상태 요약 보기(읽기 전용) | orders_list, orders_get |
| 뉴스레터 | 뉴스레터 목록 보기, 초안 생성/업데이트(직접 전송 또는 예약 불가) | campaigns_list, campaigns_create_draft, campaigns_update_draft |
| 분석 | 사이트 트래픽 및 전환 개요, 인기 페이지, 트래픽 소스 및 검색 엔진/AI 봇 방문 통계 쿼리(읽기 전용) | analytics_overview, analytics_pages, analytics_bots |
| 게시 및 게시 취소 | 사이트 초안 게시 또는 사이트 오프라인 전환(게시 취소는 사이트 소유자만 가능) | site_publish, site_unpublish |
| 사용자 지정 도메인 | 연결된 도메인 쿼리, DNS/SSL 상태 재확인, 기본 및 보조 사용자 지정 도메인 설정 | domains_list, domains_status, domains_bind |