Welcome to the future of website building with Onepage!
We are excited to introduce you to the Model Context Protocol (MCP), which is now officially available in beta. MCP is a powerful connection between Onepage and the AI assistants you already use daily outside of our platform. Instead of working exclusively within the integrated editor, you can now use your own external AI assistant to control Onepage, create pages, and manage content for you.
The difference from the internal AI: Under the hood, both systems use the same Onepage AI brain, but MCP currently offers you two crucial advantages:
Page-by-page thinking: While the internal AI mostly works section by section, MCP can grasp, build, or correct an entire page in a single request.
Save your Onepage credits: Text tokens are billed directly through your own external AI subscription (e.g., with Claude or Cursor). This means your Onepage AI credits remain completely untouched!
📌 Please note: To use the MCP feature, an active Onepage AI membership is required in the background.
What can MCP currently do?
During the beta phase, your external AI assistant can perform the following actions via MCP:
Pages: Create, publish, take offline, and archive
Vibe Sections: Fully create and edit individual components
Structure: Rename, move, and rearrange sections
Websites: Create new websites, manage branding (colors & fonts), and upload media
Connecting Onepage with Claude (Step-by-Step Guide)
Step 1
Open Claude.
Step 2
Click on your profile in the bottom left corner and go to "Settings" → "Connectors". Then, click on "Customize".
Step 3
Click on the "+" symbol and select "Add custom connector".
Then, enter the following details:
Name: Onepage
Remote MCP Server URL: https://mcp.onepage.io/
Step 4
Now Onepage will appear in your connectors list.
Click on "Connect" and log in with your Onepage account.
Afterwards, you will be automatically redirected to Claude, where the following message will appear: "Claude wants to access your account."
Now click on "Allow".
Step 5
Click on "Always allow" and grant permission for all options.
This enables Claude to work with Onepage and independently create, edit, and manage websites.
Video Tutorial: Connecting Onepage MCP in Claude
Please watch the following video showing the entire process. You can click on the full-screen icon (the 4 arrows in the bottom right corner) or directly on the title of the video to open it in full-screen mode.
🎉 Now everything is set up.
You can start a chat in Claude and enter a prompt to begin creating.
Prompt Example 1:
"Create a hyper-modern, dark-mode landing page for a new AI startup called 'TaskFlow AI'. Create a new project in Onepage.
Include a bold Hero section, an infinite scrolling marquee banner for partner logos, a sleek 'Bento box' features grid, pricing tables, and an animated FAQ section.
Use heavy animations, neon accents, and glassmorphism elements to make it look like a premium, high-converting tech website. Fill it with realistic text and make it visually spectacular!"
Page created with the above prompt:
Prompt Example 2:
"Create a new Onepage project for a futuristic luxury real estate agency called 'Nova Living'. Create a modern premium landing page with 10–11 sections, including a hero section, properties, benefits, about us, testimonials, team, statistics, process, FAQ, contact form, and footer. Use modern layouts, smooth animations, glassmorphism elements, color gradients, hover effects, and responsive design. The style should feel elegant, futuristic, and conversion-optimized. Add placeholder texts and images where necessary, and make the website visually impressive and highly professional."
Page created with the above prompt:
Connecting Onepage with Cursor (Step-by-Step Guide)
You can either use the browser version of Cursor or download the app. The following instructions refer to using Cursor in the browser.
Step 1
Click on "New Agent" and then on "MCPs".
Step 2
Then click on the "+" symbol and select "Custom MCP".
Then, enter the following details:
Name: Onepage
Type: URL
Server URL: https://mcp.onepage.io/
Step 3
Now log in to Onepage.
Step 4
As soon as you have logged in, a pop-up with the title "Cursor wants to access your account" will appear.
Click on "Allow".
Onepage is now connected, and you can begin creating.
Note: If you want to use Cursor to build a website in Onepage via the Onepage MCP, you will need a paid Cursor account for this.
Important Beta Rules & Best Practices
The quality of the model is crucial:
MCP depends heavily on the AI model used. For the best results, we recommend premium models like Claude 3.5 Sonnet. You should not expect perfect results from smaller models like Haiku or GPT Flash.
Always provide clear context:
Always tell the AI exactly which page or section should be worked on (e.g., "Add a contact section to my homepage").
Reload the page to see changes:
The live preview is still in development. If you have the Onepage editor open while the AI is working, reload the page to see the changes.
Be cautious with major changes:
An extended version history is already planned. Until then, we recommend being cautious with large or imprecise prompts on existing live projects, as content could be overwritten.
How to get access to the beta
MCP is currently only available to users in our beta group with an active Onepage AI membership. Everything created via MCP will automatically appear in your beta area: https://beta.onepage.io/
Would you like to invite a colleague or client to the beta? Simply contact our support team to receive an invitation link.
💡Do you have any feedback about this article? Please let us know through our live chat or at support@onepage.io, so we may keep it up to date. Thank you! 🙂