Awesome MCP › Design & Visualization

pascalorg/editor

⭐ 23884 TypeScript added to this list on 2026-08-10 repository created 2025-10-16

Pascal Editor is a browser-based 3D building and architecture editor written in TypeScript, rendered with React Three Fiber and WebGPU and organised as a Turborepo monorepo. The published packages split responsibilities: core holds node schemas, Zustand scene state, registry contracts and spatial queries; viewer provides the rendering runtime, camera, controls and post-processing; editor adds tools, panels and selection; nodes ships the built-in node definitions, renderers and systems; ui holds shared components; and cli installs and manages a persistent local installation. The mcp package is the Model Context Protocol integration and exposes scene tools, resources, prompts and local scene storage to MCP-compatible AI hosts, which lets an assistant read and modify a building model programmatically. Running the CLI editor command through npx starts the editor together with an authenticated MCP service in the background, selects collision-free loopback ports and keeps projects in a local database in the home directory; an agent is then configured to launch the pascal mcp connect command. Scenes are described by nodes that extend a base node with an id, type, parent reference and visibility flag, arranged in a hierarchy of site, building, level, wall, slab, ceiling, roof, zone, scan and guide, with items such as doors, windows and lights attached to walls and ceilings. Nodes live in a flat dictionary rather than a nested tree and are persisted to IndexedDB with fifty-step undo and redo. Systems run in the render loop over nodes marked dirty and generate geometry, including wall mitering and constructive solid geometry cutouts for openings. The project suits developers embedding a 3D architectural viewer or editor in a web application, and users who want an AI assistant to create or edit building models over MCP.

https://github.com/pascalorg/editor

mcp server3darchitecturewebgpureact three fibertypescripteditordesign