MCP cover image
See in Github
2025-04-03

🚀MCPServer&Vscode扩展一个功能强大的工具,使开发人员能够使用自然语言提示创建成熟的Web应用程序。它使用MCP服务器和VSCODE扩展程序构建,它与Google的LLM🤖集成在一起,以生成HTML,CSS和JavaScript代码。 🎨💻

1

Github Watches

0

Github Forks

0

Github Stars

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.

相关推荐

  • https://suefel.com
  • Latest advice and best practices for custom GPT development.

  • Yusuf Emre Yeşilyurt
  • I find academic articles and books for research and literature reviews.

  • https://maiplestudio.com
  • Find Exhibitors, Speakers and more

  • Carlos Ferrin
  • Encuentra películas y series en plataformas de streaming.

  • Joshua Armstrong
  • Confidential guide on numerology and astrology, based of GG33 Public information

  • Contraband Interactive
  • Emulating Dr. Jordan B. Peterson's style in providing life advice and insights.

  • Elijah Ng Shi Yi
  • Advanced software engineer GPT that excels through nailing the basics.

  • rustassistant.com
  • Your go-to expert in the Rust ecosystem, specializing in precise code interpretation, up-to-date crate version checking, and in-depth source code analysis. I offer accurate, context-aware insights for all your Rust programming questions.

  • Emmet Halm
  • Converts Figma frames into front-end code for various mobile frameworks.

  • Alexandru Strujac
  • Efficient thumbnail creator for YouTube videos

  • lumpenspace
  • Take an adjectivised noun, and create images making it progressively more adjective!

  • apappascs
  • 发现市场上最全面,最新的MCP服务器集合。该存储库充当集中式枢纽,提供了广泛的开源和专有MCP服务器目录,并提供功能,文档链接和贡献者。

  • Mintplex-Labs
  • 带有内置抹布,AI代理,无代理构建器,MCP兼容性等的多合一桌面和Docker AI应用程序。

  • modelcontextprotocol
  • 模型上下文协议服务器

  • ShrimpingIt
  • MCP系列GPIO Expander的基于Micropython I2C的操作,源自ADAFRUIT_MCP230XX

  • n8n-io
  • 具有本机AI功能的公平代码工作流程自动化平台。将视觉构建与自定义代码,自宿主或云相结合,400+集成。

  • WangRongsheng
  • 🧑‍🚀 llm 资料总结(数据处理、模型训练、模型部署、 o1 模型、mcp 、小语言模型、视觉语言模型)|摘要世界上最好的LLM资源。

  • metorial
  • 数百个MCP服务器的容器化版本📡📡

  • open-webui
  • 用户友好的AI接口(支持Ollama,OpenAi API,...)

    Reviews

    4 (1)
    Avatar
    user_sFVFQmrM
    2025-04-17

    I recently tried the Mcp-server-createanyhtmlapp by Suryansh1987 and I must say, it's an incredible tool for creating HTML applications effortlessly! The setup was straightforward and the documentation provided on the [GitHub link](https://github.com/Suryansh1987/Mcp-server-createanyhtmlapp) is clear and concise. Whether you're a beginner or an experienced developer, this tool will significantly simplify your workflow. Highly recommend checking it out!