MCP Server
by Suryansh1987
The MCP Server and VSCode extension allows developers to create applications using HTML, CSS, and JavaScript through simple prompts, powered by Google's LLM. It provides seamless integration with VSCode for an enhanced developer experience.
Last updated: N/A
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
- Clone this repository:
git clone https://github.com/your-username/mcp-server-vscode-extension.git
- Navigate to the server directory:
cd mcp-server
- Install dependencies:
npm install
- Start the server:
npm start
VSCode Extension
- Open VSCode and navigate to the
extensions
directory:cd vscode-extension
- Install dependencies:
npm install
- Run the extension in VSCode:
npm run compile
- Open the
Run and Debug
tab in VSCode and launch the extension.
Usage
- Open VSCode and start the MCP Server.
- Use the command palette (
Ctrl+Shift+P
/Cmd+Shift+P
) and select "Create App with Prompt". - Enter your prompt describing the application you want to generate.
- The extension will generate and open the required files automatically.
- 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 theconfig.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 [email protected]
.