Get the FREE Ultimate OpenClaw Setup Guide →

website-generator

B12's model context protocol server for generating websites with AI

Installation
Run this command in your terminal to add the MCP server to Claude Code.
Run in terminal:
Command
claude mcp add --transport stdio b12io-website-generator-mcp-server npx -y @b12/website-generator-mcp-server

How to use

This MCP server, @b12/website-generator-mcp-server, is designed to generate website content and structure using AI as part of the Model Context Protocol ecosystem. It is intended to be used with an MCP client such as Claude Desktop to assist with creating website pages, sections, and other site content driven by natural language prompts. The server is referenced via the MCP client configuration under the mcpServers section, enabling automated context-aware generation of website material within your workflow. To use it, ensure your MCP client can connect to the server using the provided configuration and then issue prompts related to website generation; the server will handle the AI-driven compilation and formatting according to the prompt context.

With Claude Desktop (or any compatible MCP client), you set the server as a remote tool. You supply prompts describing pages to generate, sections to add, and content tone. The server responds with structured outputs that you can directly implement into your site, such as page outlines, content blocks, and metadata, accelerating the website creation process from ideas to draft pages.

How to install

Prerequisites:

  • Node.js installed on your development machine
  • MCP Client (e.g., Claude Desktop App) or any MCP-compatible client

Install and configure:

  1. Verify Node.js is installed
    • node -v
    • npm -v
  2. Reference the MCP server in your MCP client configuration. If using Claude Desktop, add the following to claude_desktop_config.json under the mcpServers section:
{
  "mcpServers": {
    "b12": {
      "command": "npx",
      "args": ["-y", "@b12/website-generator-mcp-server"]
    }
  }
}
  1. Run the MCP client and connect to the server via the configured entry. The server is invoked through npx to fetch and run the package on demand.
  2. Optionally pin the package version or use a local cache as needed by your environment.

If you prefer to run directly without the MCP client, you can use the underlying npx invocation shown above in step 2.

Additional notes

Notes and tips:

  • Ensure your network allows npm registry access so npx can fetch @b12/website-generator-mcp-server.
  • If you encounter permission or execution issues, try running the same npx command in your shell to verify access: npx -y @b12/website-generator-mcp-server.
  • This server is designed to integrate with MCP clients; for best results, provide clear prompts describing page goals, structure, and content tone.
  • If the MCP client supports session persistence, reusing a session can help with multi-step website generation tasks.
  • No additional environment variables are required by default, but you may configure client-specific settings or authentication as needed by your MCP environment.

Related MCP Servers

Sponsor this space

Reach thousands of developers