Nuxt 3 MCP-B Demo
par mikechao
Une démonstration de l'intégration WebMCP (MCP-B) dans Nuxt 3, permettant aux sites web de fonctionner comme des serveurs MCP.
Ce que fait ce projet
Ce projet démontre comment intégrer MCP-B (Model Context Protocol Browser) dans une application Nuxt 3. Il transforme un site web standard en un serveur MCP, permettant aux agents IA d'interagir avec le contenu et les fonctionnalités du site via le navigateur.
Outils
En tant que démonstration du modèle WebMCP, il expose des capacités permettant à une IA d'interagir avec le contexte de la page web actuelle, bien que des outils spécifiques soient définis dans l'implémentation de app.vue pour illustrer le fonctionnement du transport basé sur le navigateur.
Installation
- Installez l'extension Chrome MCP-B.
- Clonez et lancez le serveur Nuxt 3 :
npm install npm run dev
3. Accédez à `http://localhost:3000` et utilisez un client compatible MCP via l'extension.
## Hôtes supportés
- claude
Installation rapide
npm install && npm run devInformations
- Tarification
- free
- Publié
- 7/24/2026
- étoiles
- 0
Catégories
Choisissez votre client IA et suivez les étapes ci-dessous.
Claude Desktop
Requires MCP-B Chrome Extension and site running at http://localhost:3000Apps similaires
FinanceToolkit
MCP ServerProfessional-grade financial analysis toolkit for equities, options, and risk management.
DiffSitter MCP
MCP ServerAI-powered structural code navigation using tree-sitter ASTs for semantic understanding across 14+ languages.
OpenAI Apps SDK Examples
MCP AppOfficial example gallery of interactive MCP widgets for ChatGPT — 3D viewers, maps, carousels, shopping carts, and more.
Human MCP
MCP ServerGive AI agents human-like senses: visual analysis, image/video generation, speech synthesis, browser automation, and advanced reasoning — 29 MCP tools in one se
Containarium
MCP ServerSelf-hostable agent runtime with SSH-native isolation, eBPF egress policy, and MCP-native CLI.
Shopify MCP Server
MCP ServerDirect interaction with Shopify store data via GraphQL API for managing products, customers, and orders.
Git MCP Server
MCP ServerFull-featured Git MCP server exposing 28 tools for AI agents to clone, commit, branch, diff, merge, rebase, and more via STDIO or Streamable HTTP.
CodexPotter
MCP ServerAutonomous reconciliation loop that drives Codex to align your codebase with instructed states.