Back to Home
aidenlab icon

hello3dmcp-frontend

Verified Safe

by aidenlab

Overview

A real-time 3D model visualization application built with Three.js that functions as a frontend for an external Model Context Protocol (MCP) server, allowing AI (like Claude) to control 3D models and lighting.

Installation

Run Command
npm install && npm run dev

Environment Variables

  • VITE_WS_URL

Security Notes

The frontend itself does not contain obvious critical vulnerabilities like `eval` or direct unsanitized HTML injection. It uses WebSockets to communicate with an external MCP server, handling incoming commands as JSON. The primary security considerations are: 1. **Trust in MCP Server**: The frontend relies entirely on the MCP server (`hello3dmcp-server`) for valid and non-malicious commands. If the server is compromised or provides malformed commands, it could lead to unexpected client-side behavior or crashes, though likely not remote code execution on the client. 2. **`sessionId` Management**: The `sessionId` is extracted from URL parameters and used for WebSocket registration. The security of session management is critical and primarily handled by the MCP server. If session IDs are easily predictable or guessable, it could lead to unauthorized control. 3. **`VITE_WS_URL` Configuration**: In production, the WebSocket URL is configured via `VITE_WS_URL`. If this environment variable is misconfigured to point to a malicious WebSocket server, the client could be compromised by malicious commands. 4. **Input Validation**: While basic type checks are present for some parameters (e.g., `parseInt` for color hex), robust validation of all incoming command parameters against expected ranges or formats is not explicitly detailed, which could lead to runtime errors if the MCP server sends invalid data.

Similar Servers

Stats

Interest Score0
Security Score8
Cost ClassLow
Stars0
Forks0
Last Update2025-12-22

Tags

Three.js3D VisualizationWebSocketsFrontendMCPReal-time