MCPInstall
Mcp-server-createanyhtmlapp logo

Mcp-server-createanyhtmlapp

by Suryansh1987 1 stars Suryansh1987/Mcp-server-createanyhtmlapp

🚀 MCP Server & VSCode Extension A powerful tool that enables developers to create full-fledged web applications using natural language prompts. Built with an MCP Server and a VSCode extension, it integrates with Google's LLM 🤖 to generate HTML, CSS, and JavaScript code. 🎨💻

READMEmain

MCP Server & VSCode Extension

This repository contains the code for the MCP (Model-Controlled Programming) Server and a VSCode extension that enables developers to create applications using HTML, CSS, and JavaScript through simple prompts, powered by Google's LLM.

Features

  • Generate full HTML, CSS, and JavaScript applications using natural language prompts.
  • Seamless integration with VSCode for an enhanced developer experience.
  • Leverages Google LLM for high-quality AI-generated code.
  • MCP Server acts as the backend to process prompts and generate code dynamically.

Installation

MCP Server

  1. Clone this repository:
    git clone https://github.com/your-username/mcp-server-vscode-extension.git
    
  2. Navigate to the server directory:
    cd mcp-server
    
  3. Install dependencies:
    npm install
    
  4. Start the server:
    npm start
    

VSCode Extension

  1. Open VSCode and navigate to the extensions directory:
    cd vscode-extension
    
  2. Install dependencies:
    npm install
    
  3. Run the extension in VSCode:
    npm run compile
    
  4. Open the Run and Debug tab in VSCode and launch the extension.

Usage

  1. Open VSCode and start the MCP Server.
  2. Use the command palette (Ctrl+Shift+P / Cmd+Shift+P) and select "Create App with Prompt".
  3. Enter your prompt describing the application you want to generate.
  4. The extension will generate and open the required files automatically.
  5. Edit and refine as needed, then preview the app in a browser.

Configuration

  • Ensure that the MCP Server is running before using the extension.
  • The extension communicates with the server via http://localhost:3000. Modify the config.json if needed.

Contributing

Feel free to fork this repository and contribute via pull requests. Ensure that your code follows best practices and includes documentation where necessary.

License

This project is licensed under the MIT License.

Contact

For any issues or feature requests, please open an issue in the repository or reach out via email at suryanshsingh2586@gmail.com.

More Developer Tools MCP servers

Similar servers from the same category.

Sourcebot

sourcebot-dev

Enables code search across multiple repository hosts including GitHub, GitLab, Gitea, Gerrit, and Bitbucket with advanced filtering options for exploring large codebases through natural language queries.

searchgit

CodeAlive

codealive-ai

Provides a bridge to CodeAlive's platform for semantic code search, repository exploration, and context-aware chat completions that leverage deep understanding of entire codebases including documentation and dependencies.

search

Provides a secure, sandboxed environment for executing Python, Node.js, and shell commands in ephemeral containers with file management capabilities for code testing, visualization, and data analysis.

filesystemdatabase

NovaCV

lightbaby

Integrates with NovaCV API to generate, analyze, and convert resumes in various formats without dealing with complex document formatting

PDFSupport+5