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

よくある質問

What does MCP Server & VSCode Extension generate?

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

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.

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.

Can I modify the server address?

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

What license is MCP Server & VSCode Extension released under?

The project is licensed under the MIT License.

「開発者ツール」の他のコンテンツ

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.

screenshotrun-mcp

screenshotrun

Give your AI agent the ability to see any webpage. Capture screenshots from Claude, Cursor, or any MCP client. Supports full-page, dark mode, mobile emulation, OG image generation, base64 output, custom viewport, ad bloc

LastPing

Know when your AI agents, cron jobs and CI pipelines fail, stall or go quiet. Your agent sets up monitors from a plain description, tells you what is broken and why, reads run history and traces, and writes notes on inci

GripForge

gripforgeai

The tools your AI needs to make your games. Turn prompts into production-ready game assets — animated characters with their weapons attached, seamless textures, terrain, VFX, HUDs — and playable game kits Unity, Godot, U

ArtiBot Cloud MCP - Zhijiangyun 智匠云

bofob

ArtiBot Cloud MCP (Zhijiangyun 智匠云) — cloud MCP server for robot manipulation data & GPU workloads. 15 tools: robot fleet management, data collection & video recording, post-processing pipelines, and benchmark evaluation