You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/integrations/mcp.mdx
+30-1Lines changed: 30 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,7 +7,7 @@ import { Steps } from 'nextra/components'
7
7
8
8
# MCP Server
9
9
10
-
Ycode includes an embedded [Model Context Protocol (MCP)](https://modelcontextprotocol.io/) server that lets AI coding tools build and edit your site. Connect tools like Cursor, Claude Desktop, or Windsurf to your Ycode project and use natural language to create pages, design layouts, manage CMS content, and publish changes.
10
+
Ycode includes an embedded [Model Context Protocol (MCP)](https://modelcontextprotocol.io/) server that lets AI coding tools build and edit your site. Connect tools like Cursor, Claude Desktop, ChatGPT, or Windsurf to your Ycode project and use natural language to create pages, design layouts, manage CMS content, and publish changes.
11
11
12
12
## Setup
13
13
@@ -26,12 +26,41 @@ Ycode includes an embedded [Model Context Protocol (MCP)](https://modelcontextpr
26
26
27
27
**Claude Desktop** — Go to Settings, find Connectors, click "Add custom connector", and paste your MCP URL.
28
28
29
+
**ChatGPT** — Enable developer mode, create a connector with your MCP URL, then attach it in a new chat. See [ChatGPT](#chatgpt) for the full steps.
30
+
29
31
### Start building
30
32
31
33
Ask the AI to create pages, add elements, style them, manage CMS content, and publish. Changes appear in the editor in real time.
32
34
33
35
</Steps>
34
36
37
+
## ChatGPT
38
+
39
+
ChatGPT can use your Ycode project over MCP as a remote **app** (OpenAI's UI may still say **connector** in places). You need [developer mode](https://platform.openai.com/docs/guides/developer-mode) turned on for your account, and your workspace must allow it.
40
+
41
+
<Steps>
42
+
43
+
### Turn on developer mode
44
+
45
+
In ChatGPT, open **Settings** → **Apps & Connectors** → **Advanced settings** (at the bottom) and enable **Developer mode**.
46
+
47
+
### Register your MCP URL
48
+
49
+
1. Open **Settings** → **Connectors** → **Create** (or **Apps** → **Create**, depending on your ChatGPT version).
50
+
2. Set **Connector name** to something you will recognize (for example, your site or “Ycode”).
51
+
3. Set **Description** to what the integration does (for example, that it edits your Ycode site). The model uses this text to decide when to use the tools.
52
+
4. Paste your Ycode **MCP URL** (the same HTTPS URL from **Integrations → MCP** in the editor) as the **Connector URL** / server URL.
53
+
5. Save. If the connection succeeds, you should see the tools your project exposes. If you change tools later, open the connector in Settings and use **Refresh** to reload metadata.
54
+
55
+
### Use it in a chat
56
+
57
+
1. Start a **new** conversation.
58
+
2. Click the **+** button next to the message box, then **More**.
59
+
3. Choose your Ycode connector so its tools are available in that thread.
60
+
4. Prompt in plain language (for example, “Add a hero section to the home page”). ChatGPT may show tool calls and ask you to **confirm** before write actions run; you can approve each time or remember approvals for the conversation, depending on your settings.
61
+
62
+
</Steps>
63
+
35
64
<Callouttype="info"title="Live sync">
36
65
Changes made through the MCP server appear in the browser editor in real time via Supabase Realtime. You can watch the AI build your site as it works.
0 commit comments