广告合作
MCP.so
登录

MCP Server & VSCode Extension

@Suryansh1987

代码仓库

基本信息

分类

开发工具

传输方式

stdio

作者

Suryansh1987

关于 MCP Server & VSCode Extension

🚀 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. 🎨💻

MCP Server & VSCode Extension 配置

暂无标准配置

该服务器的 README 中没有可解析的 MCP 配置块，请前往代码仓库查看安装说明。

代码仓库

MCP Server & VSCode Extension 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表，不代表服务没有工具。请查阅项目文档了解支持的能力。

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is MCP Server & VSCode Extension?

The MCP Server & VSCode Extension is a tool that lets developers create HTML, CSS, and JavaScript applications by writing natural language prompts. It uses Google's LLM to generate code, and it integrates directly with VSCode for editing and preview.

How to use MCP Server & VSCode Extension?

First, install the MCP Server and VSCode Extension (both require Node.js and npm). Start the server with npm start, then in VSCode open the command palette (Ctrl+Shift+P / Cmd+Shift+P) and run "Create App with Prompt". Enter your description and the extension will automatically generate the necessary files.

Key features of MCP Server & VSCode Extension

  • Generates full HTML, CSS, and JavaScript apps from prompts
  • Seamless VSCode integration
  • Powered by Google LLM for high‑quality code
  • MCP Server handles prompt processing and code generation
  • Auto‑opens generated files for immediate editing

Use cases of MCP Server & VSCode Extension

  • Rapidly prototype a landing page by describing its layout and style
  • Build a small interactive widget (e.g., a calculator or to‑do list) without writing code from scratch
  • Generate boilerplate for a simple web app and then refine it manually
  • Learn front‑end development by seeing how prompts translate to code

常见问题

1

What does MCP Server & VSCode Extension generate?

It generates complete HTML, CSS, and JavaScript applications based on a natural language prompt.

2

What are the prerequisites for using MCP Server & VSCode Extension?

You need Node.js and npm installed, plus VSCode. The MCP Server must be running before you use the extension.

3

How does the extension communicate with the server?

The extension sends requests to the MCP Server at `http://localhost:3000`. This address can be changed in the `config.json` file.

4

Can I modify the server address?

Yes. Edit the `config.json` file in the extension directory to point to a different URL or port.

5

What license is MCP Server & VSCode Extension released under?

The project is licensed under the MIT License.

评论

开发工具 分类下的更多 MCP 服务器

Mcp-Warden

ermoluk

Local-first credential broker for MCP. AI coding agents (Claude Code, Cursor, Codex…) call APIs, SSH and databases through scoped presets; secrets stay in your OS keychain and never enter the agent's context.

4

Vibgrate MCP

Vibgrate

Query your team's drift, vulnerability, and migration data from any AI assistant. Vibgrate MCP connects Cursor, Claude, ChatGPT, Windsurf, or VS Code to Vibgrate Cloud: 51 tools for DriftScores, CVEs and EOL runtimes, up

3

Casefile

azimov777

One case file per task — shared by every session, agent and person that touches it. Self-hosted MCP server and live board. MIT.

3

Capgo MCP

Cap-go

Console, Backend and CLI to manage Capgo Instant update and Native build for Capacitor apps Build and upload to app store your mobile app

NextBlock CMS

NextBlock

Open-source Next.js + Supabase CMS with a per-site MCP server: scaffold a site, then create pages, posts, navigation, media and SEO from Claude, Cursor or any MCP client. Streamable HTTP with a bearer token you mint in y

广告合作