WebsitePublisher.ai MCP Server
resmiTerbitkan situs web lengkap langsung dari klien AI mana pun melalui API — tanpa perlu pengaturan hosting, CMS, atau konfigurasi.
Dokumentasi
× Cara KerjanyaDokumentasi Mulai Cepat PAPI — Halaman & Aset MAPI — Integrasi Data Dinamis SAPI — Sesi & Formulir Server MCP Keahlian OpenClaw Dasbor Deploy
Server MCP Online — 55+ alat
Hubungkan AI Anda, Mulai Membangun
Pilih platform AI Anda di bawah, ikuti langkah-langkahnya, dan Anda akan membuat situs web dalam hitungan menit.
ChatGPT OAuth Aplikasi Claude / OAuth Konfigurasi MCP Cursor Copilot MCP Asli Direktori Mistral Copilot Studio Perusahaan Windsurf MCP Asli Gemini SDK Grok SDK
🔗 Titik Akhir Server
Server MCP https://mcp.websitepublisher.ai
Spesifikasi OpenAPI openapi.json
Penemuan .well-known/mcp.json
Protokol HTTP Streamable + JSON-RPC 2.0
Autentikasi OAuth 2.1 (penemuan otomatis) atau token Bearer
ChatGPT
OAuth
Dua jalur berbasis OAuth, tanpa perlu pengkodean (akun gratis dan Plus berfungsi): GPT Kustom kami, atau Aplikasi ChatGPT yang disetujui.
Opsi A GPT Kustom
1
Buka GPT Kustom kami
Kunjungi WebsitePublisher GPT di ChatGPT.
2
Masuk saat diminta
ChatGPT akan meminta Anda untuk mengotorisasi. Masuk dengan akun WebsitePublisher Anda (atau buat akun baru).
3
Mulai membangun
Beri tahu ChatGPT: "Buatkan saya situs web portofolio" — ia akan menangani semuanya.
Opsi B Aplikasi ChatGPT Direkomendasikan
1
Buka Aplikasi WebsitePublisher
Buka Aplikasi WebsitePublisher di direktori aplikasi ChatGPT.
2
Hubungkan & masuk
Tambahkan aplikasi dan masuk dengan akun WebsitePublisher Anda saat diminta (atau buat akun baru).
3
Aktifkan dalam obrolan, lalu tanyakan: "Buatkan saya situs web portofolio".
🛠️ Pengembang: Bangun GPT Anda sendiri menggunakan spesifikasi OpenAPI kami.
Claude
Hubungkan Aplikasi
Tiga cara untuk terhubung: aplikasi Hubungkan gratis (Desktop), konektor kustom (claude.ai), atau konfigurasi MCP manual.
Opsi A Aplikasi Hubungkan
1
Unduh aplikasi Hubungkan
Unduh untuk Mac, Windows, atau Linux.
2
Masuk
Buka aplikasi dan masuk dengan Google atau email. Aplikasi akan mengonfigurasi Claude Desktop secara otomatis.
3
Mulai ulang Claude Desktop
Keluar sepenuhnya dan buka kembali. Tanyakan: "Daftar proyek WebsitePublisher saya"
Opsi B Konektor Kustom Direkomendasikan
1
Tambahkan konektor kustom
Di claude.ai, buka Pengaturan → Konektor → Tambahkan konektor kustom. Masukkan URL: https://mcp.websitepublisher.ai/
2
Otorisasi
Masuk dengan akun WebsitePublisher Anda saat diminta. Alat langsung tersedia di obrolan Anda.
🌐 Konektor web berfungsi di browser apa pun — tidak perlu aplikasi desktop atau Node.js. Sempurna untuk pengeditan cepat saat bepergian.
Opsi C Konfigurasi manual Mahir
Tambahkan ini ke claude_desktop_config.json Anda:
claude_desktop_config.jsonSalin
{
"mcpServers": {
"websitepublisher": {
"command": "npx",
"args": ["-y", "mcp-remote", "https://mcp.websitepublisher.ai/"]
}
}
}
💡 Saat pertama kali digunakan, jendela browser akan terbuka untuk masuk OAuth. Setelah itu, token di-cache secara otomatis.
Mistral / Le Chat
Direktori
WebsitePublisher.ai adalah Konektor Direktori yang telah dikonfigurasi sebelumnya di direktori konektor kurasi Mistral. Tidak perlu URL atau konfigurasi — cukup cari, klik Tambah, dan masuk.
1
Buka Konektor
Buka chat.mistral.ai. Di panel samping, klik Intelligence → Connectors, lalu klik + Add Connector.
2
Temukan WebsitePublisher di direktori
Cari "WebsitePublisher" di direktori konektor. Klik Add pada kartu WebsitePublisher.ai.
3
Masuk dengan OAuth
Anda akan dialihkan untuk masuk dengan akun WebsitePublisher Anda (atau buat akun baru). OAuth terdeteksi secara otomatis — tidak perlu pengaturan.
4
Aktifkan di obrolan Anda
Dalam percakapan Le Chat apa pun, klik tombol Tools (ikon 4 kotak) di bawah kotak input. Pastikan WebsitePublisher dicentang, lalu mulailah membangun.
💡 Kiat pro: Buka Connectors → My Connectors → WebsitePublisher → tab Functions untuk mengaktifkan Always Allow pada fungsi baca yang sering Anda gunakan. Ini akan melewati permintaan izin untuk tindakan yang sering dilakukan seperti mendaftar halaman atau proyek.
⌨️ Pengembang: Anda juga dapat mendaftarkan WebsitePublisher secara terprogram melalui API/SDK Mistral menggunakan client.beta.connectors.create_async() dengan URL server https://mcp.websitepublisher.ai/.
Cursor
Konfigurasi MCP
Tambahkan WebsitePublisher sebagai server MCP di Cursor. Menggunakan mcp-remote sebagai jembatan untuk OAuth.
1
Tambahkan konfigurasi MCP
Buat atau edit ~/.cursor/mcp.json:
~/.cursor/mcp.jsonSalin
2
Mulai ulang Cursor
Keluar sepenuhnya dan buka kembali. Beralih ke mode Agen di panel obrolan (Ctrl+L → tombol Agen).
3
Autentikasi
Saat pertama kali digunakan, browser akan terbuka untuk OAuth. Setelah itu, token di-cache dan dibagikan dengan Claude Desktop.
💡 Cursor dan Claude Desktop berbagi token OAuth melalui ~/.mcp-auth/ — jika salah satu diautentikasi, yang lain juga.
GitHub Copilot (VS Code)
MCP Asli
VS Code 1.101+ mendukung MCP jarak jauh asli dengan penemuan otomatis OAuth. Tidak perlu jembatan.
1
Buat .vscode/mcp.json di ruang kerja Anda:
.vscode/mcp.jsonSalin
{
"servers": {
"websitepublisher": {
"type": "http",
"url": "https://mcp.websitepublisher.ai/"
}
}
}
2
Copilot secara otomatis menemukan OAuth. Masuk saat browser terbuka.
3
Gunakan dalam mode Agen
Beralih ke mode Agen di Copilot Chat dan mulailah membangun.
💡 Perhatikan format yang berbeda: "servers" (bukan "mcpServers") dan "type": "http" + "url".
Windsurf
MCP Asli
Windsurf memiliki HTTP Streamable asli + penemuan otomatis OAuth. Tanpa jembatan, tanpa Node.js — cukup URL.
1
Buat atau edit ~/.codeium/windsurf/mcp_config.json:
~/.codeium/windsurf/mcp_config.jsonSalin
{
"mcpServers": {
"websitepublisher": {
"serverUrl": "https://mcp.websitepublisher.ai/"
}
}
}
2
Aktifkan server MCP
Mulai ulang Windsurf. Di panel Cascade, aktifkan server MCP WebsitePublisher. Klik "Izinkan" saat diminta untuk membuka situs web eksternal.
3
Masuk
OAuth mengalir secara otomatis. Setelah masuk, semua alat tersedia.
🌟 Windsurf adalah integrasi yang paling bersih — tanpa jembatan, tanpa npx, tanpa Node.js diperlukan.
Microsoft Copilot Studio
Perusahaan
Bangun kopilot kustom dengan kemampuan WebsitePublisher. Terintegrasi melalui OAuth ke dalam lingkungan Microsoft 365 Anda.
1
Buat Copilot baru
Di Copilot Studio, buat kopilot baru atau buka yang sudah ada.
2
Tambahkan konektor MCP
Buka Pengaturan → Konektor → Tambahkan konektor MCP. Masukkan URL server: https://mcp.websitepublisher.ai/
3
Konfigurasikan OAuth
Copilot Studio secara otomatis menemukan konfigurasi OAuth. Selesaikan alur masuk untuk mengotorisasi.
4
Aktifkan alat
Pilih alat WebsitePublisher mana yang harus dapat diakses oleh kopilot Anda dan publikasikan.
⌨️ SDK Pengembang
Untuk Gemini dan Grok, Anda terhubung melalui SDK masing-masing. Ini memerlukan pengetahuan pemrograman.
Gemini (Google AI SDK)
SDK
SDK Gemini Google memiliki dukungan MCP bawaan. Bekerja melalui transportasi stdio dengan npx.
⚠️ MCP hanya tersedia melalui Gemini API/SDK. Aplikasi web (gemini.google.com) dan Gems tidak mendukung server MCP eksternal.
Python
TerminalSalin
pip install google-genai mcp
PythonSalin
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
TerminalSalin
npm install @google/genai @modelcontextprotocol/sdk
JavaScriptSalin
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 mendukung MCP melalui tipe alat remote_mcp di xAI SDK.
⚠️ MCP hanya tersedia melalui xAI API/SDK. Antarmuka web Grok tidak mendukung server MCP kustom.
TerminalSalin
pip install xai-sdk
PythonSalin
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)
🛠️ Alat yang Tersedia (55+)
Semua platform mendapatkan akses ke alat inti yang sama. Jumlah pastinya bervariasi per proyek — integrasi yang dikonfigurasi menambahkan alat dinamis secara otomatis:
Proyek
list_projects
Daftar semua proyek Anda
get_project_status
Jumlah halaman/aset, domain
create_project
Buat proyek baru (nama, subdomain)
Halaman
list_pages
Daftar halaman dalam proyek
get_page
Dapatkan HTML halaman + info versi
create_page
Buat halaman HTML baru
update_page
Ganti seluruh halaman
patch_page
Pembaruan sebagian dengan diff/patch
delete_page
Hapus halaman
Pembuatan Versi
get_page_versions
Riwayat versi dengan diff
rollback_page
Kembalikan ke versi sebelumnya
Aset
list_assets
Daftar gambar, CSS, JS
upload_asset
Unggah melalui base64 atau URL
delete_asset
Hapus aset
get_asset
Baca konten aset (JS, CSS, JSON, SVG)
patch_asset
Pengeditan temukan-ganti sebagian pada aset
Entitas (Data Dinamis)
list_entities
Daftar tipe entitas
create_entity
Tentukan tipe entitas baru
get_entity_schema
Dapatkan definisi skema entitas
update_entity
Perbarui metadata entitas
delete_entity
Hapus tipe entitas + data
list_records
Daftar catatan entitas
get_record
Dapatkan catatan tunggal berdasarkan ID
create_record
Tambahkan catatan
update_record
Perbarui catatan
delete_record
Hapus catatan
Vault (Rahasia)
vault_list_secrets
Daftar kunci rahasia yang disimpan
vault_store_secret
Simpan rahasia terenkripsi
vault_delete_secret
Hapus rahasia
Integrasi
list_integrations
Integrasi yang tersedia
setup_integration
Konfigurasikan dengan kunci API
execute_integration
Jalankan tindakan integrasi
remove_integration
Hapus konfigurasi integrasi
Formulir (SAPI)
configure_form
Tentukan formulir + tindakan server
list_forms
Daftar formulir yang dikonfigurasi
remove_form
Hapus konfigurasi formulir
Fragmen
list_fragments
Daftar fragmen HTML yang dapat digunakan kembali
create_fragment
Buat fragmen bersama (header, footer…)
update_fragment
Perbarui fragmen — semua halaman diperbarui secara instan
delete_fragment
Hapus fragmen
Pelacakan
set_tracking_scripts
Suntikkan GA, GTM, Pixel, dll.
get_tracking_scripts
Dapatkan konfigurasi pelacakan saat ini
remove_tracking_scripts
Hapus semua skrip pelacakan
Editor Visual (WPE)
create_edit_session
Buka editor gambar visual untuk halaman
get_edit_session_changes
Dapatkan perubahan tertunda dari sesi editor
Tugas Terjadwal (AAPI)
create_scheduled_task
Jadwalkan tugas berulang otomatis
list_scheduled_tasks
Daftar semua tugas terjadwal + proses selanjutnya
delete_scheduled_task
Hapus tugas terjadwal
Manajemen Tugas (TAPI)
list_tasks
Daftar tugas proyek dengan status
get_task
Dapatkan detail tugas + % penyelesaian
create_task
Buat tugas baru
add_task_history
Tambahkan pembaruan kemajuan ke tugas
get_task_history
Dapatkan riwayat tugas lengkap
export_tasks
Ekspor semua tugas sebagai Markdown
Autentikasi Pengunjung & Analitik (SAPI)
configure_visitor_auth
Siapkan autentikasi pengunjung
get_visitor_auth_config
Dapatkan konfigurasi autentikasi pengunjung
get_analytics
Analitik pengunjung untuk proyek
get_integration_schema
Dapatkan skema integrasi lengkap + titik akhir
🔗 Alat Integrasi Dinamis
Di luar 55+ alat inti, WebsitePublisher menghasilkan alat tambahan secara dinamis berdasarkan integrasi yang dikonfigurasi proyek Anda. Setiap integrasi mengekspos titik akhirnya sendiri melalui execute_integration — tidak perlu alat MCP tambahan.
78 integrasi tersedia di seluruh kategori ini:
AI
Anthropic, OpenAI, Gemini, Groq, Mistral, Replicate, ElevenLabs, Deepgram, Stability, Perplexity
E-commerce
Katalog produk, keranjang, checkout, pesanan, inventaris, faktur, diskon, ulasan, wishlist
Pembayaran
Stripe, Mollie, PayPal
Resend, SendGrid, Mailgun, SMTP, Mailchimp, Brevo, Kit
Sosial
LinkedIn, Twitter/X
Pesan
Slack, Discord, Telegram, Twilio (SMS + WhatsApp)
Pengiriman
PostNL, SendCloud
CRM & Produktivitas
HubSpot, Notion, Linear, Todoist, Airtable, Supabase
Media
Cloudinary, Unsplash, Pexels, Giphy, Imgur, Vimeo, YouTube
Data
Google Places, NewsAPI, OpenWeather, Overheid.io KVK, Web Scraper
Platform
Blog, komentar, alur, unduhan file, template email, analitik, Schema.org, dan lainnya
Pengembangan & Pemantauan
GitHub, Sentry, Cal.com
📖 Lihat Dokumen Integrasi untuk daftar lengkap dengan titik akhir dan panduan pengaturan.
💬 Contoh Perintah
Ini berfungsi di platform apa pun:
"Daftar proyek WebsitePublisher saya"
"Buatkan saya situs web portofolio dengan halaman tentang dan kontak"
"Unggah gambar ini dan tambahkan ke hero halaman beranda"
"Tampilkan riwayat versi halaman beranda"
"Kembalikan halaman tentang ke versi sebelumnya"
🔧 Pemecahan Masalah
ChatGPT: Tindakan tidak berfungsi
Pastikan Anda menggunakan GPT Kustom resmi kami, bukan yang dibuat secara manual. Coba segarkan koneksi OAuth.
Claude: Alat tidak muncul
Keluar sepenuhnya dari Claude Desktop (bukan hanya menutup jendela) dan buka kembali. Jika masih hilang, jalankan aplikasi Hubungkan lagi untuk mengonfigurasi ulang.
Cursor: Alat tidak dimuat
Pastikan Anda dalam mode Agent (bukan mode Ask). Periksa apakah ~/.cursor/mcp.json memiliki konfigurasi yang benar. Mulai ulang Cursor sepenuhnya.
Windsurf: Server MCP tidak ditemukan
Setelah menambahkan konfigurasi, mulai ulang Windsurf dan aktifkan server MCP secara manual di panel Cascade. Ini adalah desain keamanan Windsurf — server harus diaktifkan secara eksplisit.
GitHub Copilot: Tidak terhubung
Pastikan Anda menggunakan VS Code 1.101+. Periksa apakah konfigurasi menggunakan "servers" (bukan "mcpServers") dan "type": "http". Beralih ke mode Agent di Copilot Chat.
Mistral: Alat tidak muncul di obrolan
Setelah menambahkan konektor, pastikan Anda mengaktifkannya di obrolan Anda. Klik tombol Tools (ikon 4 kotak) di bawah kotak input dan periksa apakah WebsitePublisher sudah diaktifkan. Jika konektor tidak muncul di direktori, coba cari "WebsitePublisher" (satu kata).
Gemini / Grok: Tidak berfungsi di aplikasi web
MCP hanya berfungsi melalui SDK/API untuk platform ini. Antarmuka web tidak mendukung server MCP kustom. Gunakan contoh kode di atas.
OAuth: Browser tidak terbuka
Untuk pengaturan berbasis mcp-remote (Claude, Cursor): pastikan npx berfungsi di terminal Anda. Coba jalankan npx -y mcp-remote --help untuk memverifikasi.
Token kedaluwarsa
Token OAuth diperbarui secara otomatis untuk sebagian besar platform. Untuk pengguna SDK: dapatkan token sesi baru dari dasbor.
💡 Tes cepat: Tanyakan pada AI Anda "List my WebsitePublisher projects" — jika berhasil, Anda sudah terhubung!
📚 Sumber Daya
⬇️ Hubungkan Aplikasi 🎛️ Dasbor 🤖 AI yang Didukung 📄 Spesifikasi OpenAPI 🔍 Penemuan 🐙 Repositori GitHub 🔌 Protokol MCP 📖 Dokumentasi PAPI 🔗 Integrasi