DB

dend/brick-mcp-app

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

28 stars 6 forks 품질 70 트렌드 11MIT

MC MCP App for making my 벽돌 꿈을 현실

개요

벽돌 빌더 MCP 앱 3.js MCP 앱은 Claude Desktop 및 Visual Studio Code와 같은 MCP 지원 호스트 내부 3D 벽돌 구조물을 설계합니다. 상호 작용하거나 자연 언어를 통해 AI 빌드 구조를 할 수 있습니다. 빠른 시작 · 연결 · 도구 · Extensibility 벽돌 빌더 Claude에서 실행, 자연 언어를 통해 구조를 구축 서버는 모든 장면 상태입니다. AI (LLM) 및 MCP 도구를 통해 독점적으로 상호 작용하는 UI mutate 국가. 서버는 모든 작동을 검증합니다. 충돌 감지, 경계 검사, 지원 검증 — 그리고 승인 결과를 반환합니다. - : 호스트는 LLM과 앱 iframe을 위한 별도의 MCP 세션을 만듭니다. 장면 상태는 모듈 수준에서 살고 그래서 두 세션 읽기/쓰기 같은 장면. - : UI polls 벽돌 get scene 매 초마다 LLM 시작 변경을 선택합니다. user-initiated changes (callServerTool를 통해)는 즉시 반영됩니다.

개요(AI 번역)

벽돌 빌더 MCP 앱

Claude Desktop 및 Visual Studio Code와 같은 MCP 지원 호스트 내부 3D 벽돌 구조 설계를 위한 3.js MCP 앱. 상호 작용하거나 자연 언어를 통해 AI 빌드 구조를 할 수 있습니다.

빠른 시작 · 연결하기 · 제품정보 · 연락처

벽돌 빌더 Claude에서 실행, 자연 언어를 통해 구조를 구축

빠른 시작

서버는 **http://localhost:3001/mcp**.에서 시작합니다.

# 필수품

  • **Node.js ** 20 +
  • ** 오후 ** 10+

명령

명령 설명
npm install 종속성 설치
[T2] 클라이언트 구축(Vite) + 서버(esbuild)
npm run serve dev 모드에서 서버 시작(tsx, auto-reload)
npm run dev 클라이언트 시계 + 동시 제공
npm start 그 후의 봉사 (한명)

건축

서버는 ** 모든 장면 상태에 대한 하나의 소스 **입니다. AI (LLM) 및 MCP 도구를 통해 독점적으로 상호 작용하는 UI mutate 국가. 서버는 모든 작동을 검증합니다. 충돌 감지, 경계 검사, 지원 검증 — 그리고 승인 결과를 반환합니다.

키 디자인 결정

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.

README

원문 README의 일부입니다. 원문 보기.

Brick Builder running in Claude, building a structure through natural language

Quick Start

git clone https://github.com//brick-mcp-app.git
cd brick-mcp-app
npm install
npm run build
npm run serve

The server starts at http://localhost:3001/mcp.

Prerequisites

  • Node.js 20+
  • npm 10+

Commands

Command Description
npm install Install dependencies
npm run build Build client (Vite) + server (esbuild)
npm run serve Start server in dev mode (tsx, auto-reload)
npm run dev Watch client + serve concurrently
npm start Build then serve (one command)

Architecture

The server is the single source of truth for all scene state. Both the AI (LLM) and the interactive UI mutate state exclusively through MCP tools. The server validates every operation — collision detection, bounds checking, support verification — and returns authoritative results.

Key Design Decisions

  • Shared module-level state: The host creates separate MCP sessions for the LLM and the app iframe. Scene state lives at module level so both sessions read/write the same scene.
  • Polling for cross-session sync: The UI polls brick_get_scene every second to pick up LLM-initiated changes. User-initiated changes (via callServerTool) are reflected instantly.
  • Single-brick placement: The LLM places one brick per brick_place call and receives the placed brick’s footprint in the response, enabling precise positioning of subsequent bricks.

Connecting to Hosts

[!TIP] You can use Cloudflare Tunnels to expose your locally-hosted server to the internet. This lets you connect from claude.ai or any remote MCP host without port forwarding or VPNs:

GitHub에서 전체 README 보기

설치

This server does not publish a one-line install command.

Open the repository installation guide MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →