Connect AI to Build Websites

pip install google-genai mcp

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")

# Connect to WebsitePublisher MCP server via npx
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()

            # Gemini auto-discovers and calls MCP tools
            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],  # Pass MCP session directly
                )
            )
            print(response.text)

asyncio.run(main())

npm install @google/genai @modelcontextprotocol/sdk

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 website",
    config: {
        tools: [mcpToTool(mcpClient)],
    }
});

console.log(response.text);

pip install xai-sdk

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"
    }]
)

# Now Grok can use WebsitePublisher tools
response = chat.send("List my WebsitePublisher projects")
print(response.content)