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 5 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.

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 before depending on it in production.

Install

From source
git clone https://github.com/shinshin86/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

Static checks derived from the repository yesterday. Heuristics on the source, not an audit.

  • ✓README presentThe repository ships documentation.
  • !License declaredNo license file. Legally you have no right to use it in a product.
  • !Tests presentNo tests found. Behaviour changes may go unnoticed between versions.
  • ✓Dependencies pinnedA lockfile pins dependency versions.
  • ✓No dynamic code executionSource scan found no eval, dynamic Function, or shell execution.
  • !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 fetched from the repository yesterday. The original is authoritative.

Questions

About Web Frontend MCP Demo

How do I install Web Frontend MCP Demo?

No package has been published for this server, so install it from source: clone the repository and follow its README.

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

Its trust score is 41 out of 100 (fair). It passes 3 of the 6 static security checks run so far; 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. That's long enough that you should check whether the maintainer is responding to issues before depending on it.