1. Conduid
  2. AI
  3. Web Frontend MCP Demo
MCP server · AI

Web Frontend MCP Demo

by · github.com/shinshin86/web-frontend-mcp-demo

This project demonstrates how to integrate ChatGPT with the Model Context Protocol (MCP) to extend AI capabilities with external tools.

Unclaimed last commit a year ago mcpfrontenddemochatgptai
InstallView source
41Fair

Scored 3 months ago · breakdown

About Web Frontend MCP Demo

Web Frontend MCP Demo is an MCP server published by shinshin86 in the AI category: this project demonstrates how to integrate ChatGPT with the Model Context Protocol (MCP) to extend AI capabilities with external tools. It has been installed 0 times through Conduid.

The repository has 1 stars and 0 forks, with the last commit a year ago. Six months or more without a commit doesn't mean the server is broken, but check the open issues (0) before depending on it in production.

Install

Install
npx web-frontend-mcp-demo

This server has no ConduID identity, so agent calls to it are not receipted. Pin the version you install and review the source before granting it credentials.

Ask AI

✦

Ask AI about Web Frontend MCP Demo

Powered by Claude · Grounded in docs

I know everything about Web Frontend MCP Demo. Ask me about installation, configuration, usage, or troubleshooting.

Security checks

  • ·README presentNot checked yet.
  • ·License declaredNot checked yet.
  • ·Tests presentNot checked yet.
  • ·Dependencies pinnedNot checked yet.
  • ·No dynamic code executionNot checked yet.
  • !Scoped permissionsDoesn't declare a permission scope. Assume it can do anything its process can.

README

Web Frontend MCP Demo

A demonstration project showing integration of the Model Context Protocol (MCP) with a modern web application.

Project Structure

This project consists of two main parts:

  • Frontend: A React 19 application built with Vite
  • Backend: A Node.js server using Hono framework

Both parts utilize the @modelcontextprotocol/sdk package for MCP integration.

Technologies

Frontend

  • React 19
  • Vite
  • TypeScript
  • Tailwind CSS

Backend

  • Node.js
  • Hono
  • TypeScript
  • Zod for validation

Getting Started

Prerequisites

  • Node.js (latest LTS version recommended)
  • npm

Installation

  1. Clone the repository
  2. Install dependencies in the root project: 
    npm install
  3. Install dependencies in each subdirectory: 
    cd frontend && npm install
cd backend && npm install

Development

Run both frontend and backend concurrently:

npm run dev

This will start:

  • Frontend development server (Vite)
  • Backend development server (using tsx)

Building for Production

Frontend

cd frontend && npm run build

Backend

cd backend && npm run build

License

MIT

README mirrored from the source repository 3 months ago. The original is authoritative.

Questions

About Web Frontend MCP Demo

How do I install Web Frontend MCP Demo?

Run npx web-frontend-mcp-demo, then add the server to your MCP client's configuration. Conduid has recorded 0 installs, so the command is known to work with current clients.

Is Web Frontend MCP Demo safe to use with an AI agent?

Its trust score is 41 out of 100 (fair). It passes 0 of 1 static security checks; the failures are listed above. It has no ConduID identity yet, so agent calls to it are not receipted.

Is Web Frontend MCP Demo still maintained?

The last commit was a year ago, with 0 open issues. That's long enough that you should check whether the maintainer is responding to issues before depending on it.