Pascal Editor：把专业级 3D 建筑编辑器搬进浏览器的开源神器

Pascal Editor：把专业级 3D 建筑编辑器搬进浏览器的开源神器

总结

Pascal Editor 是一个完全开源的 3D 建筑与空间编辑器，直接在浏览器中运行，无需下载安装。它用 WebGPU + React Three Fiber 构建，提供了墙体绘制、楼层叠加、门窗开槽、家具摆放等完整建筑工具，并内置 MCP 服务器让 AI Agent 直接驱动场景编辑。MIT 协议，自托管，2026 年 4 月上线后持续占据 GitHub Trending，目前星标数已达 23k，是今年建筑工具类开源项目中增长最快的之一。

功能与原则

Pascal Editor 的核心定位是「浏览器里的专业建筑编辑器」，而非玩具级 3D 画图工具。它解决的问题很明确：传统建筑软件（AutoCAD、Revit）付费高昂、安装复杂、学习曲线陡峭，而 Pascal 用 WebGPU 技术让任何人在浏览器里就能做专业级 3D 空间设计。

设计原则：

• 本地优先：项目数据存在本地（~/.pascal/data/pascal.db），不强制云端上传
• AI 原生集成：内置 MCP 服务，Claude Code、Codex 等 AI 编程助手可直接控制场景
• 模块化架构：Turborepo monorepo，分为 core/viewer/editor/nodes/mcp 等独立包，可独立引用
• MIT 完全开源：所有代码公开，npm 可分发，平台无关

认可度

• GitHub Star：截至 2026-09-10 约 23,006 ★（今日 GitHub Trending 榜单）
• Fork：2,901
• 协议：MIT License
• Trending 经历：2026 年 4 月首次上榜即获日增 +1,287 ★，后续多次进入 GitHub Trending，2026 年 7-8 月持续在列
• npm 包：@pascal-app/core、@pascal-app/viewer、@pascal-app/editor、@pascal-app/cli、@pascal-app/mcp 均有独立发布

链接

GitHub：https://github.com/pascalorg/editor
官方编辑器：https://editor.pascal.app

原作者

Pascal Organization（pascalorg）——社区维护的开源项目，由多名贡献者协作开发。官方提供 Discord 社区（discord.gg/XRKsDcpqgS）和 X（@pascal_app）账号。

介绍

Pascal Editor 起源于一个朴素的问题：能不能在浏览器里跑一个真正的建筑编辑器？

传统的建筑可视化工具需要安装大型桌面软件，学习成本高且难以跨平台。Pascal Editor 用 React Three Fiber + WebGPU 技术实现了在浏览器中流畅运行复杂 3D 建筑场景。项目采用 Turborepo monorepo 架构，将功能拆分为核心包（@pascal-app/core）、渲染引擎（@pascal-app/viewer）、编辑器 UI（@pascal-app/editor）、节点定义（@pascal-app/nodes）和 MCP 服务（@pascal-app/mcp），每个包职责单一，可独立引用。

在建模能力上，它不是「灰盒 BIM 玩具」：墙体自动切割（miter）、门窗外轮廓用 CSG 布尔运算开槽，支持 Site → Building → Level → Wall/Slab/Zone/Item 的完整层级结构，可做楼层堆叠、爆炸视图、单层隔离编辑。场景数据以 Zustand 存储，带 Undo/Redo（50 步历史）和 IndexedDB 持久化。

Pascal Editor 的另一大特色是 MCP 集成。内置的 @pascal-app/mcp 包将场景的 CRUD 操作、空间查询、资源读取全部暴露为 MCP 工具，Claude Code、Codex 等 AI 编程助手通过 pascal mcp connect 即可接管编辑器，完成「AI 规划 → 场景修改 → 验收」的闭环。

特点

• 浏览器原生运行：WebGPU 加速渲染，无需安装任何桌面软件，打开即用
• 专业建筑建模能力：墙体自动切割、CSG 布尔门窗外轮廓、楼层堆叠/爆炸视图、多层编辑
• AI Agent 原生集成：内置 MCP 服务器，Claude Code、Codex 可直接操控场景，支持 pascal-3d 和 furniture-fit 两个官方 Skill
• 本地优先数据存储：项目存在本地 SQLite，不强制云端上传，隐私友好
• 完整 monorepo 架构：core/viewer/editor/nodes/mcp/cli/ui 各包独立，可按需集成
• npm 分发：通过 npx @pascal-app/cli editor 一行命令完成安装和启动

使用方法

快速启动（推荐）：

# 一行命令安装并启动编辑器 + MCP 服务
npx @pascal-app/cli editor

通过 Skill 安装 AI 工作流：

# 安装官方 Skill（pascal-3d 覆盖场景编辑，furniture-fit 覆盖家具适配检查）
npx skills add pascalorg/editor --skill pascal-3d --skill furniture-fit

Claude Code 用户插件安装：

/plugin marketplace add pascalorg/editor
/plugin install pascal-agent-skills@pascal

手动 MCP 配置（开发者）：

// ~/.claude/mcp.json
{
  "mcpServers": {
    "pascal": {
      "command": "pascal",
      "args": ["mcp", "connect"]
    }
  }
}

本地开发：

git clone https://github.com/pascalorg/editor
cd editor
bun install
bun dev
# → localhost:3002

使用场景与人群

适用场景：

• 室内设计快速原型：设计师在浏览器里搭建概念模型，实时分享给客户查看评论
• 游戏关卡原型：游戏开发者用轻量工具快速搭建关卡结构，无需打开 Blender
• AI Agent 自动化建筑工作流：通过 MCP 让 AI 助手根据文字描述自动生成 3D 场景
• 自托管建筑可视化：建筑事务所内网部署，数据不出本地

目标用户：

• 室内设计师、建筑师（需要快速原型而非施工图）
• 游戏关卡设计师、独立游戏开发者
• AI 编程助手深度用户（Claude Code / Codex）
• 希望在网页中嵌入 3D 建筑编辑能力的开发者

输入与输出案例

案例一：AI 驱动生成建筑结构

用户（通过 Claude Code）发送：

在 Level 1 创建两面墙，形成一个 5m × 4m 的矩形房间，并在北墙开一个 0.9m 宽的标准门

Claude Code 通过 MCP 调用 Pascal 工具链：
– createNode 创建两个 wall 节点（带坐标和厚度）
– createNode 创建 door Item 节点并挂载到 wall
– WallSystem 检测到 dirtyNodes，自动在对应位置做 CSG 布尔开槽

输出：浏览器中实时渲染出一间 5×4m 的房间，带门洞，墙体自动切割出洞口轮廓。

案例二：家具适配检查（furniture-fit Skill）

用户发送：

把一张 200cm × 90cm 的餐桌放进客厅，检查是否和现有家具碰撞

furniture-fit Skill 调用场景空间查询接口，扫描客厅区域已有家具边界框，返回碰撞报告：

collision: false
footprint_fit: bounded
items_in_zone: [
  {id: "item_sofa", bounds: [220×95, at (0,0)]},
  {id: "item_chair_1", bounds: [45×45, at (200, 40)]}
]
recommendation: "餐桌可放置于 (100, 180)，与现有家具无碰撞，通道宽度 ≥ 80cm"

输出：场景中绿色高亮显示推荐摆放位置，碰撞区域红色警告。

---

GitHub: https://github.com/pascalorg/editor