Skip to content

Updating visuals

If you see any images containing outdated UI, please bear with us.

We are updating all content as quickly as possible to mirror our new UI.

Connect VS Code ​

VS Code connects to WeWeb through an entry in its MCP configuration. You can add the server for every project, or for one workspace only. The server is available at:

https://ai-api.weweb.io/v1/mcp

Add the server ​

Follow along with these steps to add WeWeb to your user-level MCP configuration:

  1. Open the Command Palette (⌘ + Shift + P on Mac, Ctrl + Shift + P on Windows).
  2. Run MCP: Open User Configuration.
  3. Copy the JSON block below.
  4. Inside the servers object, add the weweb-ai block alongside any other servers you already have.
  5. Save the file (⌘ + S on Mac, Ctrl + S on Windows).
  6. Restart VS Code, and on restart you will be prompted to authenticate with WeWeb.
json
{
  "servers": {
    "weweb-ai": {
      "type": "http",
      "url": "https://ai-api.weweb.io/v1/mcp"
    }
  }
}

INFO

Already running other MCP servers? Place the "weweb-ai" block alongside them, inside the single servers object. Keeping one servers key is what keeps the file valid JSON.

To add WeWeb to one project only, run MCP: Open Workspace Folder MCP Configuration in step 2 instead. This saves the server to .vscode/mcp.json in your workspace.

CONTINUE LEARNING

VS Code can now call WeWeb tools. Each tool is a single action the agent can run, such as creating a page or adding a table.

See all available tools →