WebsitePublisher.ai MCP Server

공식

API를 통해 모든 AI 클라이언트에서 직접 완전한 웹사이트를 게시할 수 있습니다 — 호스팅 설정, CMS, 또는 구성이 필요 없습니다.

websitepublisher.ai에서 보기

문서

× 작동 방식문서 빠른 시작 PAPI — 페이지 및 자산 MAPI — 동적 데이터 통합 SAPI — 세션 및 양식 MCP 서버 OpenClaw 스킬도구 배포 대시보드

MCP 서버 온라인 — 55개 이상의 도구

AI를 연결하고 빌드를 시작하세요

아래에서 AI 플랫폼을 선택하고 단계를 따르면 몇 분 안에 웹사이트를 만들 수 있습니다.

ChatGPT OAuth Claude 앱 / OAuth Cursor MCP 설정 Copilot 네이티브 MCP Mistral 디렉터리 Copilot Studio 엔터프라이즈 Windsurf 네이티브 MCP Gemini SDK Grok SDK

🔗 서버 엔드포인트

MCP 서버 https://mcp.websitepublisher.ai

OpenAPI 명세 openapi.json

디스커버리 .well-known/mcp.json

프로토콜 스트리밍 가능 HTTP + JSON-RPC 2.0

인증 OAuth 2.1 (자동 디스커버리) 또는 Bearer 토큰

ChatGPT

OAuth

코딩이 필요 없는 두 가지 OAuth 기반 경로(무료 및 Plus 계정 사용 가능): 자체 Custom GPT 또는 승인된 ChatGPT 앱.

옵션 A Custom GPT

1

Custom GPT 열기

ChatGPT에서 WebsitePublisher GPT를 방문하세요.

2

메시지가 표시되면 로그인

ChatGPT가 인증을 요청합니다. WebsitePublisher 계정으로 로그인하거나 계정을 만드세요.

3

빌드 시작

ChatGPT에 "포트폴리오 웹사이트를 만들어 줘"라고 말하면 모든 것을 처리합니다.

옵션 B ChatGPT 앱 권장

1

WebsitePublisher 앱 열기

ChatGPT의 앱 디렉터리에서 WebsitePublisher 앱을 엽니다.

2

연결 및 로그인

앱을 추가하고 메시지가 표시되면 WebsitePublisher 계정으로 로그인하거나 계정을 만드세요.

3

채팅에서 활성화한 다음 "포트폴리오 웹사이트를 만들어 줘"라고 요청하세요.

🛠️ 개발자: OpenAPI 명세를 사용하여 자체 GPT를 빌드하세요.

Claude

앱 연결

세 가지 연결 방법: 무료 Connect 앱(데스크톱), 사용자 지정 커넥터(claude.ai) 또는 수동 MCP 설정.

옵션 A Connect 앱

1

Connect 앱 다운로드

Mac, Windows 또는 Linux용으로 다운로드하세요.

2

로그인

앱을 열고 Google 또는 이메일로 로그인하세요. 앱이 Claude Desktop을 자동으로 구성합니다.

3

Claude Desktop 다시 시작

완전히 종료하고 다시 엽니다. "내 WebsitePublisher 프로젝트 나열"이라고 요청하세요.

옵션 B 사용자 지정 커넥터 권장

1

사용자 지정 커넥터 추가

claude.ai에서 설정 → 커넥터 → 사용자 지정 커넥터 추가로 이동합니다. URL 입력: https://mcp.websitepublisher.ai/

2

인증

메시지가 표시되면 WebsitePublisher 계정으로 로그인하세요. 도구를 채팅에서 즉시 사용할 수 있습니다.

🌐 웹 커넥터는 모든 브라우저에서 작동하며 데스크톱 앱이나 Node.js가 필요하지 않습니다. 이동 중 빠른 편집에 완벽합니다.

옵션 C 수동 설정 고급

claude_desktop_config.json에 다음을 추가하세요:

claude_desktop_config.json복사

{
  "mcpServers": {
    "websitepublisher": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://mcp.websitepublisher.ai/"]
    }
  }
}

💡 처음 사용 시 OAuth 로그인을 위해 브라우저 창이 열립니다. 이후 토큰은 자동으로 캐시됩니다.

Mistral / Le Chat

디렉터리

WebsitePublisher.ai는 Mistral의 선별된 커넥터 디렉터리에서 사전 구성된 디렉터리 커넥터입니다. URL이나 구성이 필요 없습니다. 검색하고 추가를 클릭한 다음 로그인하기만 하면 됩니다.

1

커넥터 열기

chat.mistral.ai로 이동합니다. 측면 패널에서 인텔리전스 → 커넥터를 클릭한 다음 + 커넥터 추가를 클릭합니다.

2

디렉터리에서 WebsitePublisher 찾기

커넥터 디렉터리에서 **"WebsitePublisher"**를 검색합니다. WebsitePublisher.ai 카드에서 추가를 클릭합니다.

3

OAuth로 로그인

WebsitePublisher 계정으로 로그인하거나 계정을 만들도록 리디렉션됩니다. OAuth가 자동으로 감지되므로 설정이 필요 없습니다.

4

채팅에서 활성화

Le Chat 대화에서 입력 상자 아래의 도구 버튼(사각형 4개 아이콘)을 클릭합니다. WebsitePublisher가 선택되어 있는지 확인한 다음 빌드를 시작하세요.

💡 프로 팁: 커넥터 → 내 커넥터 → WebsitePublisher → 함수 탭으로 이동하여 자주 사용하는 읽기 함수에 대해 항상 허용을 전환하세요. 이렇게 하면 페이지나 프로젝트 나열과 같은 빈번한 작업에 대한 권한 프롬프트를 건너뜁니다.

⌨️ 개발자: 서버 URL https://mcp.websitepublisher.ai/과 함께 client.beta.connectors.create_async()를 사용하여 Mistral API/SDK를 통해 프로그래밍 방식으로 WebsitePublisher를 등록할 수도 있습니다.

Cursor

MCP 설정

Cursor에서 WebsitePublisher를 MCP 서버로 추가합니다. OAuth를 위한 브리지로 mcp-remote를 사용합니다.

1

MCP 설정 추가

~/.cursor/mcp.json을 생성하거나 편집합니다:

~/.cursor/mcp.json복사

2

Cursor 다시 시작

완전히 종료하고 다시 엽니다. 채팅 패널에서 에이전트 모드로 전환합니다(Ctrl+L → 에이전트 토글).

3

인증

처음 사용 시 OAuth를 위해 브라우저가 열립니다. 이후 토큰은 캐시되고 Claude Desktop과 공유됩니다.

💡 Cursor와 Claude Desktop은 ~/.mcp-auth/를 통해 OAuth 토큰을 공유합니다. 하나가 인증되면 다른 하나도 인증됩니다.

GitHub Copilot (VS Code)

네이티브 MCP

VS Code 1.101 이상은 OAuth 자동 디스커버리를 통한 네이티브 원격 MCP를 지원합니다. 브리지가 필요 없습니다.

1

작업 영역에 .vscode/mcp.json을 생성합니다:

.vscode/mcp.json복사

{
  "servers": {
    "websitepublisher": {
      "type": "http",
      "url": "https://mcp.websitepublisher.ai/"
    }
  }
}

2

Copilot이 OAuth를 자동으로 검색합니다. 브라우저가 열리면 로그인하세요.

3

에이전트 모드에서 사용

Copilot Chat에서 에이전트 모드로 전환하고 빌드를 시작하세요.

💡 다른 형식에 유의하세요: "servers" ("mcpServers" 아님) 및 "type": "http" + "url".

Windsurf

네이티브 MCP

Windsurf는 네이티브 스트리밍 가능 HTTP + OAuth 자동 디스커버리를 지원합니다. 브리지도, Node.js도 필요 없으며 URL만 있으면 됩니다.

1

~/.codeium/windsurf/mcp_config.json을 생성하거나 편집합니다:

~/.codeium/windsurf/mcp_config.json복사

{
  "mcpServers": {
    "websitepublisher": {
      "serverUrl": "https://mcp.websitepublisher.ai/"
    }
  }
}

2

MCP 서버 활성화

Windsurf를 다시 시작합니다. Cascade 패널에서 WebsitePublisher MCP 서버를 활성화합니다. 외부 웹사이트를 열도록 요청하면 "허용"을 클릭합니다.

3

로그인

OAuth가 자동으로 진행됩니다. 로그인 후 모든 도구를 사용할 수 있습니다.

🌟 Windsurf는 가장 깔끔한 통합입니다. 브리지, npx, Node.js가 필요하지 않습니다.

Microsoft Copilot Studio

엔터프라이즈

WebsitePublisher 기능으로 사용자 지정 코파일럿을 빌드하세요. Microsoft 365 환경에 OAuth를 통해 통합됩니다.

1

새 코파일럿 만들기

Copilot Studio에서 새 코파일럿을 만들거나 기존 코파일럿을 엽니다.

2

MCP 커넥터 추가

설정 → 커넥터 → MCP 커넥터 추가로 이동합니다. 서버 URL 입력: https://mcp.websitepublisher.ai/

3

OAuth 구성

Copilot Studio가 OAuth 구성을 자동으로 검색합니다. 로그인 흐름을 완료하여 인증합니다.

4

도구 활성화

코파일럿이 액세스할 WebsitePublisher 도구를 선택하고 게시합니다.

⌨️ 개발자 SDK

Gemini 및 Grok의 경우 각각의 SDK를 통해 연결합니다. 프로그래밍 지식이 필요합니다.

Gemini (Google AI SDK)

SDK

Google의 Gemini SDK에는 MCP 지원이 내장되어 있습니다. npx와 함께 stdio 전송을 통해 작동합니다.

⚠️ MCP는 Gemini API/SDK를 통해서만 사용할 수 있습니다. 웹 앱(gemini.google.com) 및 Gems는 외부 MCP 서버를 지원하지 않습니다.

Python

터미널복사

pip install google-genai mcp

Python복사

import asyncio
from google import genai
from mcp import ClientSession, StdioServerParameters
from mcp.client.stdio import stdio_client

client = genai.Client(api_key="your_gemini_api_key")

server_params = StdioServerParameters(
    command="npx",
    args=["-y", "websitepublisher-mcp@latest"],
    env={"WPS_TOKEN": "wps_your_session_token_here"}
)

async def main():
    async with stdio_client(server_params) as (read, write):
        async with ClientSession(read, write) as session:
            await session.initialize()
            response = await client.aio.models.generate_content(
                model="gemini-2.5-flash",
                contents="List my WebsitePublisher projects",
                config=genai.types.GenerateContentConfig(
                    temperature=0,
                    tools=[session],
                )
            )
            print(response.text)

asyncio.run(main())

JavaScript

터미널복사

npm install @google/genai @modelcontextprotocol/sdk

JavaScript복사

import { GoogleGenAI, mcpToTool } from "@google/genai";
import { Client } from "@modelcontextprotocol/sdk/client/index.js";
import { StdioClientTransport } from "@modelcontextprotocol/sdk/client/stdio.js";

const transport = new StdioClientTransport({
    command: "npx",
    args: ["-y", "websitepublisher-mcp@latest"],
    env: { WPS_TOKEN: "wps_your_session_token_here" }
});

const mcpClient = new Client({ name: "my-app", version: "1.0.0" });
await mcpClient.connect(transport);

const ai = new GoogleGenAI({ apiKey: "your_gemini_api_key" });

const response = await ai.models.generateContent({
    model: "gemini-2.5-flash",
    contents: "Create a homepage for my portfolio",
    config: { tools: [mcpToTool(mcpClient)] }
});

console.log(response.text);

Grok (xAI API)

SDK

Grok은 xAI SDK에서 remote_mcp 도구 유형을 통해 MCP를 지원합니다.

⚠️ MCP는 xAI API/SDK를 통해서만 사용할 수 있습니다. Grok 웹 인터페이스는 사용자 지정 MCP 서버를 지원하지 않습니다.

터미널복사

pip install xai-sdk

Python복사

from xai_sdk import Client

client = Client(api_key="your_xai_api_key")

chat = client.chat.create(
    model="grok-4-1-fast",
    tools=[{
        "type": "remote_mcp",
        "server_url": "https://mcp.websitepublisher.ai",
        "server_label": "websitepublisher",
        "authorization": "wps_your_session_token_here"
    }]
)

response = chat.send("List my WebsitePublisher projects")
print(response.content)

🛠️ 사용 가능한 도구 (55개 이상)

모든 플랫폼에서 동일한 핵심 도구에 액세스할 수 있습니다. 정확한 개수는 프로젝트마다 다릅니다. 구성된 통합이 동적 도구를 자동으로 추가합니다:

프로젝트

list_projects

모든 프로젝트 나열

get_project_status

페이지/자산 수, 도메인

create_project

새 프로젝트 만들기 (이름, 하위 도메인)

페이지

list_pages

프로젝트의 페이지 나열

get_page

페이지 HTML + 버전 정보 가져오기

create_page

새 HTML 페이지 만들기

update_page

전체 페이지 교체

patch_page

diff/patch로 부분 업데이트

delete_page

페이지 삭제

버전 관리

get_page_versions

diff가 포함된 버전 기록

rollback_page

이전 버전으로 롤백

자산

list_assets

이미지, CSS, JS 나열

upload_asset

base64 또는 URL을 통해 업로드

delete_asset

자산 삭제

get_asset

자산 콘텐츠 읽기 (JS, CSS, JSON, SVG)

patch_asset

자산에 대한 부분 찾기-바꾸기 편집

엔터티 (동적 데이터)

list_entities

엔터티 유형 나열

create_entity

새 엔터티 유형 정의

get_entity_schema

엔터티 스키마 정의 가져오기

update_entity

엔터티 메타데이터 업데이트

delete_entity

엔터티 유형 + 데이터 제거

list_records

엔터티 레코드 나열

get_record

ID로 단일 레코드 가져오기

create_record

레코드 추가

update_record

레코드 업데이트

delete_record

레코드 삭제

볼트 (비밀)

vault_list_secrets

저장된 비밀 키 나열

vault_store_secret

암호화된 비밀 저장

vault_delete_secret

비밀 제거

통합

list_integrations

사용 가능한 통합

setup_integration

API 키로 구성

execute_integration

통합 작업 실행

remove_integration

통합 구성 제거

양식 (SAPI)

configure_form

양식 + 서버 작업 정의

list_forms

구성된 양식 나열

remove_form

양식 구성 삭제

프래그먼트

list_fragments

재사용 가능한 HTML 프래그먼트 나열

create_fragment

공유 프래그먼트 만들기 (헤더, 푸터…)

update_fragment

프래그먼트 업데이트 — 모든 페이지가 즉시 업데이트됨

delete_fragment

프래그먼트 제거

추적

set_tracking_scripts

GA, GTM, Pixel 등 주입

get_tracking_scripts

현재 추적 구성 가져오기

remove_tracking_scripts

모든 추적 스크립트 제거

비주얼 편집기 (WPE)

create_edit_session

페이지에 대한 비주얼 이미지 편집기 열기

get_edit_session_changes

편집기 세션에서 보류 중인 변경 사항 가져오기

예약된 작업 (AAPI)

create_scheduled_task

자동 반복 작업 예약

list_scheduled_tasks

모든 예약된 작업 + 다음 실행 나열

delete_scheduled_task

예약된 작업 제거

작업 관리 (TAPI)

list_tasks

상태가 포함된 프로젝트 작업 나열

get_task

작업 세부 정보 + 완료율 가져오기

create_task

새 작업 만들기

add_task_history

작업에 진행 상황 업데이트 추가

get_task_history

전체 작업 기록 가져오기

export_tasks

모든 작업을 Markdown으로 내보내기

방문자 인증 및 분석 (SAPI)

configure_visitor_auth

방문자 인증 설정

get_visitor_auth_config

방문자 인증 구성 가져오기

get_analytics

프로젝트에 대한 방문자 분석

get_integration_schema

전체 통합 스키마 + 엔드포인트 가져오기

🔗 동적 통합 도구

55개 이상의 핵심 도구 외에도 WebsitePublisher는 프로젝트의 구성된 통합을 기반으로 동적 도구를 추가로 생성합니다. 각 통합은 execute_integration을 통해 자체 엔드포인트를 노출하므로 추가 MCP 도구가 필요하지 않습니다.

다음 범주에서 78개의 통합을 사용할 수 있습니다:

AI

Anthropic, OpenAI, Gemini, Groq, Mistral, Replicate, ElevenLabs, Deepgram, Stability, Perplexity

전자상거래

제품 카탈로그, 장바구니, 결제, 주문, 재고, 송장, 할인, 리뷰, 위시리스트

결제

Stripe, Mollie, PayPal

이메일

Resend, SendGrid, Mailgun, SMTP, Mailchimp, Brevo, Kit

소셜

LinkedIn, Twitter/X

메시징

Slack, Discord, Telegram, Twilio (SMS + WhatsApp)

배송

PostNL, SendCloud

CRM 및 생산성

HubSpot, Notion, Linear, Todoist, Airtable, Supabase

미디어

Cloudinary, Unsplash, Pexels, Giphy, Imgur, Vimeo, YouTube

데이터

Google Places, NewsAPI, OpenWeather, Overheid.io KVK, 웹 스크래퍼

플랫폼

블로그, 댓글, 흐름, 파일 다운로드, 이메일 템플릿, 분석, Schema.org 등

개발 및 모니터링

GitHub, Sentry, Cal.com

📖 엔드포인트 및 설정 가이드가 포함된 전체 목록은 통합 문서를 참조하세요.

💬 예시 프롬프트

모든 플랫폼에서 작동합니다:

"내 WebsitePublisher 프로젝트 나열"

"소개 및 연락처 페이지가 있는 포트폴리오 웹사이트를 만들어 줘"

"이 이미지를 업로드하고 홈페이지 히어로에 추가해 줘"

"홈페이지의 버전 기록을 보여줘"

"소개 페이지를 이전 버전으로 롤백해 줘"

🔧 문제 해결

ChatGPT: 작업이 작동하지 않음

수동으로 만든 GPT가 아닌 공식 Custom GPT를 사용하고 있는지 확인하세요. OAuth 연결을 새로 고쳐 보세요.

Claude: 도구가 표시되지 않음

Claude Desktop을 완전히 종료하고(창을 닫는 것만으로는 안 됨) 다시 엽니다. 여전히 누락된 경우 Connect 앱을 다시 실행하여 재구성하세요.

Cursor: 도구가 로드되지 않음

에이전트 모드(Ask 모드가 아님)에 있는지 확인하세요. ~/.cursor/mcp.json에 올바른 구성이 있는지 확인하세요. Cursor를 완전히 다시 시작하세요.

Windsurf: MCP 서버를 찾을 수 없음

구성을 추가한 후 Windsurf를 다시 시작하고 Cascade 패널에서 MCP 서버를 수동으로 활성화하세요. 이는 Windsurf의 보안 설계로, 서버를 명시적으로 활성화해야 합니다.

GitHub Copilot: 연결되지 않음

VS Code 1.101 이상을 사용 중인지 확인하세요. 구성에서 "servers"("mcpServers" 아님)과 "type": "http"을 사용하는지 확인하세요. Copilot Chat에서 에이전트 모드로 전환하세요.

Mistral: 채팅에 도구가 표시되지 않음

커넥터를 추가한 후 채팅에서 활성화했는지 확인하세요. 입력 상자 아래의 도구 버튼(사각형 4개 아이콘)을 클릭하고 WebsitePublisher가 켜져 있는지 확인하세요. 커넥터가 디렉터리에 나타나지 않으면 "WebsitePublisher"(한 단어)로 검색해 보세요.

Gemini / Grok: 웹 앱에서 작동하지 않음

MCP는 이러한 플랫폼에서 SDK/API를 통해서만 작동합니다. 웹 인터페이스는 사용자 지정 MCP 서버를 지원하지 않습니다. 위의 코드 예제를 사용하세요.

OAuth: 브라우저가 열리지 않음

mcp-remote 기반 설정(Claude, Cursor)의 경우: 터미널에서 npx이 작동하는지 확인하세요. npx -y mcp-remote --help을 실행하여 확인해 보세요.

토큰 만료됨

OAuth 토큰은 대부분의 플랫폼에서 자동으로 새로 고쳐집니다. SDK 사용자의 경우: 대시보드에서 새 세션 토큰을 받으세요.

💡 빠른 테스트: AI에게 "내 WebsitePublisher 프로젝트 나열"이라고 물어보세요. 작동하면 연결된 것입니다!

📚 리소스

⬇️ 앱 연결 🎛️ 대시보드 🤖 지원되는 AI 📄 OpenAPI 사양 🔍 검색 🐙 GitHub 저장소 🔌 MCP 프로토콜 📖 PAPI 문서 🔗 통합