Website Generator

Provides a Website Generator MCP server that uses Groq and Google Gemini to create HTML, CSS, JavaScript, or full websites.

typescript

0

GitHub Stars

typescript

Language

7 months ago

First Indexed

3 months ago

Catalog Refreshed

Documentation & install

Readme and setup notes from the catalogue, plus a client-ready config you can copy for your MCP host.

Installation

Add the following to your MCP client configuration file.

Configuration

View docs

{
  "mcpServers": {
    "lasindu-themiya-mcpwebgenerator": {
      "command": "node",
      "args": [
        "/absolute/path/to/mcpserver/build/index.js"
      ],
      "env": {
        "GROQ_API_KEY": "your_groq_api_key",
        "GEMINI_API_KEY": "your_gemini_api_key"
      }
    }
  }
}

You run a Website Generator MCP Server that uses free LLMs to generate HTML, CSS, and JavaScript, enabling you to build complete websites through MCP clients with flexible model selection and provider support.

How to use

You connect an MCP client to the Website Generator MCP Server to generate website components. Use the available tools to create HTML, CSS, and JavaScript individually, or generate a full website in one step. You can choose between Groq and Google Gemini models, and you can specify different models for different components if you wish.

How to install

Prerequisites: You need Node.js 18 or higher. You should also obtain API keys for the LLM providers you want to use.

Installation steps:

Configuration and usage notes

Configure your MCP client to point at the Website Generator MCP Server using one of the supported MCP configurations shown in the integration examples. You will need to provide your API keys for Groq and Gemini in the environment to allow the server to access the LLM providers.

Environment keys you may set include GROQ_API_KEY and GEMINI_API_KEY. These keys authenticate the server to the respective providers.

Tools and capabilities

The server exposes tools to generate content and manage website generation workflows:

generate_css — Generate CSS styles using AI
generate_js — Generate JavaScript functionality using AI
generate_website — Generate complete website with all components
get_available_models — List available models for each provider

Available tools

generate_html

Generate HTML content using AI

generate_css

Generate CSS styles using AI

generate_js

Generate JavaScript functionality using AI

generate_website

Generate a complete website with HTML, CSS, and JavaScript

get_available_models

List available models for each provider