Skip to main content
Glama

Website Builder MCP Server

A Model Context Protocol (MCP) server for automated website generation with Excel data integration.

πŸš€ Features

  • βœ… Multiple Website Templates - Portfolio, blog, catalog, directory

  • βœ… Excel Data Integration - Build websites directly from Excel files

  • βœ… Component Generation - Navbar, hero, cards, forms with multiple styles

  • βœ… Responsive Design - Modern CSS framework with mobile support

  • βœ… MCP Protocol - Full Model Context Protocol server implementation

  • βœ… Automated Pages - Generate individual pages from Excel rows

πŸ“Š Excel Integration

Transform Excel spreadsheets into complete websites:

Product Catalog πŸ“¦

  • Excel Format: Product Name, Description, Price, Category, Image

  • Generates: Product grid, individual product pages, category filtering

  • Perfect for: E-commerce sites, inventory displays

Staff Directory πŸ‘₯

  • Excel Format: Name, Title, Department, Email, Phone, Bio

  • Generates: Team overview, individual profiles, department pages

  • Perfect for: Company websites, organization directories

Portfolio Sites πŸ’Ό

  • Excel Format: Project Name, Description, Technologies, Link, Status

  • Generates: Project showcase, technology filtering, project details

  • Perfect for: Developer portfolios, agency showcases

Custom Data Sites πŸ“‹

  • Excel Format: Any structured data

  • Generates: Data tables, searchable listings, custom layouts

  • Perfect for: Reports, listings, catalogs

πŸ› οΈ Installation

# Clone the repository git clone https://github.com/pmkhairnarr/website-builder-mcp.git cd website-builder-mcp # Install dependencies npm install # Start the MCP server npm start

πŸ“ Usage

Basic Website Creation

// Create website from template { "name": "create_website", "arguments": { "name": "my-portfolio", "template": "portfolio", "title": "My Portfolio", "description": "Showcasing my work" } }

Excel-Powered Websites

// Build from Excel file { "name": "build_from_excel", "arguments": { "excelFile": "./examples/sample-products.xlsx", "template": "catalog", "siteName": "product-catalog", "sheetName": "Products" } }

πŸ“‚ Project Structure

website-builder-mcp/ β”œβ”€β”€ server.js # Main MCP server β”œβ”€β”€ package.json # Dependencies & scripts β”œβ”€β”€ templates/ # HTML/CSS templates β”‚ β”œβ”€β”€ base.html # Base page template β”‚ └── styles.css # Responsive CSS framework β”œβ”€β”€ examples/ # Sample Excel files β”‚ β”œβ”€β”€ sample-products.xlsx β”‚ β”œβ”€β”€ sample-directory.xlsx β”‚ └── sample-portfolio.xlsx β”œβ”€β”€ websites/ # Generated websites └── tests/ # Test files

πŸ”§ Available Tools

Core Tools

  • create_website - Create from templates

  • add_page - Add pages to existing sites

  • generate_component - Create HTML components

  • list_websites - List all created sites

Excel Tools

  • build_from_excel - Generate complete sites from Excel data

πŸ“‹ Excel File Format

Product Catalog Example

Product Name

Description

Price

Category

Image

In Stock

Wireless Headphones

High-quality wireless...

$199.99

Electronics

image.jpg

Yes

Staff Directory Example

Name

Title

Department

Email

Phone

Bio

John Smith

Software Engineer

Engineering

john@company.com

555-0101

Experienced developer...

Portfolio Example

Project Name

Description

Technologies

Link

Status

E-commerce Platform

Full-stack solution...

React, Node.js

github.com/...

Completed

πŸ§ͺ Testing

# Test Excel integration npm run test:excel # Test MCP server npm test # Run direct functionality test node direct-test.js

🌐 Generated Websites

Websites are created in the websites/ directory with:

  • Responsive HTML pages

  • Modern CSS styling

  • Site configuration (site.json)

  • Navigation between pages

  • Mobile-friendly design

πŸ”— MCP Integration

Use with MCP-compatible clients:

  • VS Code with MCP extension

  • Claude Desktop

  • Custom MCP clients

πŸ“– API Documentation

MCP Server Configuration

{ "mcpServers": { "website-builder": { "command": "node", "args": ["server.js"], "cwd": "./website-builder-mcp" } } }

🀝 Contributing

  1. Fork the repository

  2. Create feature branch (git checkout -b feature/amazing-feature)

  3. Commit changes (git commit -m 'Add amazing feature')

  4. Push to branch (git push origin feature/amazing-feature)

  5. Open Pull Request

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

🎯 Use Cases

  • Business Websites - Generate company sites from employee data

  • Product Showcases - Create catalogs from inventory spreadsheets

  • Portfolio Sites - Build project showcases from work data

  • Directory Sites - Create searchable listings from contact data

  • Report Sites - Transform data reports into web presentations

πŸš€ Advanced Features

  • Automatic slug generation for SEO-friendly URLs

  • Responsive grid layouts for all device sizes

  • Smart column detection for Excel processing

  • Template customization for brand consistency

  • Batch processing for large datasets

  • Error handling with detailed feedback


Built with ❀️ for the AI Development Community

Install Server
A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/pmkhairnarr/website-builder-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server