
dend/brick-mcp-app
Developer tools이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
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_sceneevery second to pick up LLM-initiated changes. User-initiated changes (viacallServerTool) are reflected instantly. - Single-brick placement: The LLM places one brick per
brick_placecall 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:
설치
This server does not publish a one-line install command.
Open the repository installation guide MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →