Glue Code Generator

Name: Glue Code Generator
Author: Maverick7

von Maverick7Version 1.0.6i★ –iLäuft auf deinem Computer

Name in der Registryio.github.Maverick7/glue-code-generator

Installieren

Überblick

Beschreibung vom Entwickler (englisches Original)

Maps API JSON to Vue/React components with Zod schemas and live UI previews

Die drei Säulen von PopNx MCP

Diese drei werden nie zu einer Punktzahl zusammengefasst: Meinungen, Messungen und Beliebtheit sind verschiedene Dinge.

Stimmen der NutzeriNoch keine BewertungenBewertungen starten in einem späteren Schritt zusammen mit Benutzerkonten
Unsere Basischecksi1 von 1 bestandenAnhand öffentlicher Informationen geprüft; Code noch nicht gescannt
NutzungiNoch nicht gemessen★ –

Was du damit machen kannst

Für diesen Server haben wir noch keine Zusammenfassung in einfacher Sprache geschrieben. Unten stehen die Fakten, die wir aus der Registry gelesen haben.

Verbindung: Läuft auf deinem Computer
Transport: stdio
Kategorie: Sonstiges

Installation

Wähle die KI-App, die du nutzt, und kopiere die Einstellungen.

Bevor du installierst

Basischecks: 1 von 1 bestanden
Läuft auf deinem Computer mit den Rechten deines Benutzerkontos (Dateien, Netzwerk, Apps).
Die Registry nennt keinen Schlüssel zum Eintragen.

Du brauchst

npmNode.js installiert (für den Befehl npx)

Welche App nutzt du?

ClaudeClaude CodeCursorVS CodeChatGPT

Wähle oben deine App. Wir merken sie uns, damit der Button beim nächsten Mal „In … installieren“ anzeigt.

Öffne Claude Desktop → Settings → Developer → Edit Config und füge dies in claude_desktop_config.json ein

{
  "mcpServers": {
    "glue-code-generator": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-glue-code-generator"
      ]
    }
  }
}

Führe das in deinem Terminal aus

claude mcp add glue-code-generator -- npx -y mcp-glue-code-generator

In Cursor öffnen

Oder kopier die Einstellungen selbst

In .cursor/mcp.json in deinem Projekt oder in ~/.cursor/mcp.json einfügen

{
  "mcpServers": {
    "glue-code-generator": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-glue-code-generator"
      ]
    }
  }
}

Dein Browser fragt, ob er die App öffnen darf, dann zeigt die App die Einstellungen und bittet dich um Bestätigung. Schlüsselwerte bleiben leer, damit du sie selbst einträgst.

In VS Code öffnen

Oder kopier die Einstellungen selbst

In .vscode/mcp.json in deinem Projekt einfügen

{
  "servers": {
    "glue-code-generator": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "mcp-glue-code-generator"
      ]
    }
  }
}

Dein Browser fragt, ob er die App öffnen darf, dann zeigt die App die Einstellungen und bittet dich um Bestätigung. Schlüsselwerte bleiben leer, damit du sie selbst einträgst.

Dieser Server läuft auf deinem Computer, und ChatGPT kann sich nur mit Servern im Internet verbinden. Wähle eine andere App.

Deine Auswahl bleibt in einem Cookie auf diesem Gerät; kein Konto nötig.

Diese Einstellungen werden aus dem Registry-Eintrag des Entwicklers erzeugt. Wenn in der README etwas anderes steht, folge der README.

Was er kann

Läuft auf deinem Computer; die Tool-Liste erscheint nach der Installation in deiner KI-App.

Basischecksi

Wir prüfen Informationen, die jeder sehen kann; den Code haben wir nicht gelesen. Checks, die nicht zutreffen, werden nicht mitgezählt. · Geprüft am 6. Nov. 2026

✓ Bestanden
Entwickler passt zum Repo
Der Registry-Name wurde mit dem GitHub-Konto Maverick7 bestätigt, dem das Repo gehört
… Noch nicht geprüft
Wird noch gepflegt
Dieses Repo haben wir noch nicht von GitHub gelesen
… Noch nicht geprüft
Hat eine Lizenz
Dieses Repo haben wir noch nicht von GitHub gelesen
– Nicht zutreffend
Endpunkt antwortet
Dieser Server läuft auf deinem Computer; es gibt keinen Endpunkt im Internet
– Nicht zutreffend
Anmeldung mit OAuth
Läuft auf deinem Computer und nutzt stattdessen lokale Einstellungen
… Noch nicht geprüft
Keine versteckten Anweisungen in Tool-Beschreibungen
Läuft auf deinem Computer; Tool-Listen können wir nur von Endpunkten im Internet lesen

Im Vergleich mit anderen in Sonstigesi

Mehr Sterne als 0 % der anderen 32435 Server in dieser Kategorie
Neuer in der Registry veröffentlicht als 1 % der anderen 32435 Server in dieser Kategorie
Basischecks gleich gut wie oder besser als bei 100 % der anderen 32435 Server in dieser Kategorie

Verglichen mit allen aktiven Servern dieser Kategorie in der Registry. Sterne zählen nur, wenn dem Herausgeber das Repo gehört.

Häufige Fragen

Ist Glue Code Generator sicher?

Er hat 1 von 1 zutreffenden Basischecks bestanden. Den Code haben wir nicht gelesen. Bevor du einen Schlüssel oder Token hinzufügst, sieh nach, welche Zugriffe der Server verlangt, und nutze einen Schlüssel, der nur die Berechtigungen hat, die du brauchst.

Welche Schlüssel oder Codes braucht er?

Die Registry nennt keinen erforderlichen Schlüssel, manche Server bitten dich aber bei der ersten Nutzung, dich anzumelden.

Läuft er auf meinem Computer oder in der Cloud?

Er läuft auf deinem Computer. Deine KI-App startet ihn bei Bedarf, und die Daten laufen nicht über die Server des Entwicklers (außer der Server ruft selbst einen Onlinedienst auf).

Wird er noch gepflegt?

Das GitHub-Repo wurde zuletzt – geändert, und die neueste Version (1.0.6) kam vor 11 Monaten in die Registry.

Welche Apps können ihn nutzen?

Apps, die MCP unterstützen, etwa Claude Desktop, Claude Code, Cursor und VS Code. Außerdem brauchst du Node.js auf deinem Computer.

Was kann ich stattdessen nutzen?

In derselben Kategorie: Spec Driven Development, Remote Desktop Commander, Apify MCP Server

Alternativen

Server derselben Kategorie von anderen Entwicklern, sortiert nach Sternen.

So liest du eine Karte:★ GitHub-SterneiDrei Säulen: Bewertungen · Checks · NutzungiAktualisiert = neueste Version in der Registry veröffentlichti

Spec Driven Development

von formulahendry

MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.

Läuft auf deinem Computer★ 440MITAktualisiert vor 14 Monaten

Installieren

Remote Desktop Commander

von desktop-commander

Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.

Läuft in der Cloud★ 211Aktualisiert gestern

Installieren

Apify MCP Server

von apify

Extract data from any website with thousands of scrapers, crawlers, and automations on Apify Store ⚡

Läuft in der CloudAktualisiert heute

Installieren

README vom Entwickler

README öffnen

Unverändert aus dem Repo des Entwicklers übernommen. PopNx MCP hat den Inhalt weder geprüft noch empfiehlt es ihn. HTML, Bilder und Skripte wurden entfernt. Links führen von dieser Website weg.

MCP UI Glue Code Generator

🎯 The Grand Slam Demo: Maps messy API JSON to Vue OR React Design System components using Zod schemas, with live UI previews via MCP-UI.

✨ What is this?

This is a Two-Stage System for automating frontend integration:

Stage 1 (Factory): Takes "Messy API JSON" + "Design System Component" (Vue or React) → Generates Zod Schema mapping
Stage 2 (Runtime): Renders a live preview using mcp-ui directly in your chat

🚀 Quick Start

# Install dependencies

npm install

Build the server

npm run build

Start the server

npm start

Server will be running at:

Health Check: http://localhost:3000/
MCP Endpoint: http://localhost:3000/mcp

🔧 VS Code Integration

Option 1: Roo Code / Cline Extension

Add to your VS Code settings (settings.json):

"roo-cline.mcpServers": { "glue-code-generator": { "command": "node", "args": ["d:/MCPUIPlugin/build/index.js"] } } }

Option 2: Claude Desktop

Add to claude_desktop_config.json:

"mcpServers": { "glue-code-generator": { "command": "node", "args": ["d:/MCPUIPlugin/build/index.js"] } } }

🎮 Demo Walkthrough

The "Magic Moment"

Open your AI chat (VS Code with Roo Code, or Claude Desktop)
Paste this prompt:

Map this API response to this Vue component:

API Response: { "cust_id": "USR-12345", "tx_timestamp": "2025-12-06T10:30:00Z", "stat_cd": "STATUS_OK", "amt_val": 1250.50, "desc_txt": "Monthly subscription payment" }

Vue Component:

Result: The tool generates the Zod schema AND renders the actual card live in chat!

🧪 Testing with MCP Inspector

# Quick CLI test

npx @modelcontextprotocol/inspector --cli http://localhost:3000/mcp --method tools/list

Or use the GUI

npx @modelcontextprotocol/inspector

Then connect to http://localhost:3000/mcp with Streamable HTTP

📦 Tool Reference

`generate_ui_schema`

Maps API JSON to Vue component props.

Inputs:

Parameter	Type	Description
`api_json_sample`	string	JSON response from backend API
`vue_component_code`	string	Vue component from Design System

Outputs:

Generated Zod schema code
Mapped data preview
Live HTML card rendered via mcp-ui

🏗️ Architecture

┌─────────────────────────────────────────────────────────┐

│ MCP Client │ │ (VS Code / Claude Desktop / Goose) │ └────────────────────────┬────────────────────────────────┘ │ MCP Protocol ▼ ┌─────────────────────────────────────────────────────────┐ │ glue-code-generator Server │ │ ┌─────────────────────────────────────────────────┐ │ │ │ generate_ui_schema Tool │ │ │ │ ┌───────────┐ ┌─────────────┐ ┌───────────┐ │ │ │ │ │ Analyze │→ │ Generate │→ │ Render │ │ │ │ │ │ API JSON │ │ Zod Schema │ │ UIResource│ │ │ │ │ └───────────┘ └─────────────┘ └───────────┘ │ │ │ └─────────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────────────┘

🚀 Publishing & Distribution

Option 1: Smithery (MCP Marketplace)

The official way for users to discover and install MCP servers:

Create account at smithery.ai
Submit your server with metadata
Users can browse and add via: smithery install glue-code-generator

Option 2: npm Package

Publish to npm for npx usage:

npm publish

Users run: npx @yourname/glue-code-generator

Option 3: GitHub

Users clone/download and configure manually in their MCP client settings.

Note: VS Code doesn't have a built-in MCP browser yet. Users configure MCP servers in their settings or use extensions like Roo Code/Cline.

📄 License

MIT

Glue Code Generator

Überblick

Die drei Säulen von PopNx MCP

Was du damit machen kannst

Installation

Bevor du installierst

Was er kann

Basischecksi

Entwickler passt zum Repo

Wird noch gepflegt

Hat eine Lizenz

Endpunkt antwortet

Anmeldung mit OAuth

Keine versteckten Anweisungen in Tool-Beschreibungen

Im Vergleich mit anderen in Sonstigesi

Häufige Fragen

Alternativen

Spec Driven Development

Remote Desktop Commander

Apify MCP Server

README vom Entwickler

MCP UI Glue Code Generator

✨ What is this?

🚀 Quick Start

Build the server

Start the server

🔧 VS Code Integration

Option 1: Roo Code / Cline Extension

Option 2: Claude Desktop

🎮 Demo Walkthrough

The "Magic Moment"

🧪 Testing with MCP Inspector

Or use the GUI

Then connect to http://localhost:3000/mcp with Streamable HTTP

📦 Tool Reference

generate_ui_schema

🏗️ Architecture

🚀 Publishing & Distribution

Option 1: Smithery (MCP Marketplace)

Option 2: npm Package

Users run: npx @yourname/glue-code-generator

Option 3: GitHub

📄 License

`generate_ui_schema`