Quickstart
This guide walks you through your first interaction with WebMCP Master. By the end, you will have connected a website and had AI perform an action on it.
Prerequisites
- A Google account (used for sign-in)
- A website that supports the WebMCP protocol, or a site where you have an API token
Step 1: Sign In
Navigate to webmcp-master.ai and click Sign in with Google. After authenticating, you will land on the Dashboard.
New accounts receive 50 welcome credits to get started at no cost.
Step 2: Add a Site to Your Vault
- From the Dashboard, click Add Site (or navigate to Sites in the sidebar).
- In the Quick Connect dialog, enter the site URL (e.g.,
https://community.example.com). - Paste your API token for that site. If the site supports WebMCP OAuth, you can authenticate directly instead.
- Click Add. The platform will fetch the site manifest and register all available tools.
TIP
If you do not have a site yet, browse the Directory to discover WebMCP-enabled sites and connect with one click.
Step 3: Start a Chat Session
- Navigate to Chat in the sidebar.
- Click New Session.
- Select an AI model (e.g., Claude Sonnet 4).
- Under Sites, check the site you just added.
- Click Start Chat.
Step 4: Send a Message
Type a message that asks the AI to interact with your site. For example:
Show me the 5 most recent posts on the forum.The AI will:
- Identify the appropriate tool from the site manifest (e.g.,
community_search_threads) - Call the tool with the right parameters
- Receive the results from your site
- Format and present the answer in the chat
You will see the tool call and result appear in the conversation:
Assistant: I'll search for the most recent posts on the forum.
[Tool Call: community_search_threads]
Parameters: { "order": "date", "limit": 5 }
[Tool Result: 5 threads returned]
Here are the 5 most recent posts:
1. "How to configure SSO" — posted by admin, 2 hours ago
2. "Feature request: dark mode" — posted by user42, 5 hours ago
3. "Bug report: notification emails" — posted by support, 1 day ago
4. "Welcome new members!" — posted by admin, 2 days ago
5. "Monthly update - May 2026" — posted by admin, 3 days agoStep 5: View Artifacts
If the AI generates a file (HTML page, code snippet, CSV, or image), it appears in the Artifacts panel on the right side of the chat. You can:
- Preview HTML artifacts in an iframe
- Copy code artifacts to your clipboard
- Download any artifact as a file
- Post artifacts directly to a connected site
What's Next
- Connecting Sites — learn about token types, OAuth, and troubleshooting
- Understanding Credits — how credits are consumed and how to manage costs
- Chat Interface — full guide to sessions, tool permissions, and conversation management
- Autonomous Agents — automate multi-step workflows on a schedule