editor

Pascal Editor 是由两位法国开发者 Aymeric Rabot 和 Wassim Samad 发起并持续维护的开源 3D 建筑编辑器，核心定位是“将专业级 3D 建筑设计从数千美元的年费软件和笨重的本地安装中解放出来——打开浏览器标签页就能设计、渲染、导出和分享建筑方案，同时让 AI 代理通过 MCP 直接参与建模工作”。它不满足于做一份简单的在线户型图工具或轻量的 3D 查看器，而是将 React Three Fiber + WebGPU 高性能渲染、节点化场景引擎、本地 CLI 运行时、MCP 工具链、Agent Skills 工作流、插件化架构整合于一套完整的开源编辑器中，全部配有 npx @pascal-app/cli editor 一键启动、~/.pascal/data/pascal.db 本地持久化存储、MIT 开源协议，以及在 GitHub 上获得的 24,000+ Stars、3,000+ Forks。

一、Pascal Editor 是什么

Pascal Editor 采用“浏览器渲染 + 本地 CLI + MCP 代理接入”三位一体的使用体验，通过 GitHub 完全开源发布，采用 MIT 许可证。项目由 Aymeric Rabot 和 Wassim Samad 发起并持续维护，2026 年 3 月上线后迅速在 GitHub 上冲到 5.4k Stars，被量子位等多家技术媒体报道为“Claude 手搓 3D 建筑编辑器”。截至 2026 年 9 月，项目已获得 24,000+ Stars、3,000+ Forks，并持续活跃迭代。

Pascal Editor 的运作机制与市面常见的“在线户型图工具”或“3D 建模软件”有本质区别。它不是 SketchUp 或 AutoCAD 的网页版复刻，也不是一个只能查看不能编辑的 3D 查看器，而是一套本地优先、节点化、可编程、可被 AI 驱动的建筑编辑器。其技术栈以 React 19 + Next.js 16 + Three.js（WebGPU 渲染器）+ React Three Fiber + Drei 为核心，状态管理采用 Zustand，Schema 验证采用 Zod，撤销/重做采用 Zundo，布尔几何运算采用 three-bvh-csg，Monorepo 由 Turborepo 管理，包管理器使用 Bun。用户可以直接在浏览器中打开编辑器，也可以通过 npx @pascal-app/cli editor 启动一个持久的本地安装，CLI 会在后台启动编辑器和一个经过认证的 MCP 服务，自动选择无冲突的 loopback 端口，并将项目存储在 ~/.pascal/data/pascal.db 中。

二、Pascal Editor 能做什么

Pascal Editor 的核心能力可以精炼地概括为：建、渲、编、接、扩，围绕这五大维度提供了从建筑建模到 AI 代理协作的完整路径，覆盖 3D 建筑设计的全方位需求，具体包括：

节点化 3D 建筑建模（建） ——不是“拖拽固定组件”，而是“用节点系统自由构建建筑结构”。Pascal Editor 采用节点（Node）作为数据原语来描述 3D 场景。所有节点继承自 BaseNode，包含 id、type、parentId、visible、camera 和 metadata 等字段。节点层级为 Site → Building → Level → Wall / Slab / Ceiling / Roof / Zone / Scan / Guide。墙体（Wall）可以包含门窗等 Item，天花板可以包含灯具，Zone 用于定义区域，Scan 和 Guide 分别用于 3D 和 2D 参考。节点存储在扁平字典中，父子关系通过 parentId 和 children 数组定义——这种扁平存储设计让查找和更新极其高效。

WebGPU 高性能渲染与系统化几何生成（渲） ——不是“用 CPU 慢速绘制”，而是“用 WebGPU 调用显卡进行接近原生的渲染”。Pascal Editor 的核心渲染基于 Three.js 的 WebGPU 渲染器——这是目前浏览器中能调用电脑显卡的最先进、最快的技术。几何生成由 System 驱动：WallSystem 生成带斜接和 CSG 切割的墙体几何，SlabSystem 从多边形生成楼板，CeilingSystem 生成天花板，RoofSystem 生成屋顶，ItemSystem 将物品定位到墙面、天花板或楼板上。System 通过 脏节点（Dirty Nodes） 机制实现增量更新——只有被修改的节点才会触发几何重算，而非全场景重建。

编辑器工具与选择管理（编） ——不是“只能看不能改”，而是“完整的编辑工具链”。编辑器在 Viewer 的基础上扩展了完整的编辑能力：SelectTool（选择和操作）、WallTool（绘制墙体）、ZoneTool（创建区域）、ItemTool（放置家具和固定装置）、SlabTool（创建楼板）。选择管理采用分层导航——Site → Building → Level → Zone → Items，每个深度层级有自己的悬停/点击策略。配套的 Spatial Grid Manager 处理碰撞检测和放置验证——canPlaceOnFloor、canPlaceOnWall、getSlabElevationAt 等方法确保物品放置的合法性。

MCP 工具与 AI 代理接入（接） ——不是“AI 只能看着”，而是“AI 代理通过 MCP 直接操作场景”。Pascal Editor 内置了完整的 MCP 服务器（@pascal-app/mcp），向 MCP 兼容的 AI 主机暴露场景工具、资源、提示和本地存储。用户可以通过 pascal mcp connect 配置代理，该命令不需要编辑器进程运行，也不需要下载运行时。Claude Code 用户可以直接安装 Pascal 的 Claude 插件，获得本地 pascal mcp connect 服务器。Codex 用户可以通过 codex plugin marketplace add pascalorg/editor 安装。项目提供了两个公开的 Agent Skills：pascal-3d 覆盖安全的本地或托管 MCP 设置与场景工作，furniture-fit 生成有边界的、基于证据的尺寸评估，不声称支持高度、开门或交付检查。

插件化架构与扩展生态（扩） ——不是“功能固定不可改”，而是“插件与内置节点使用相同的 API”。编辑器完全可扩展——插件通过 Plugin manifest 发布节点类型（schema、3D/2D 渲染、放置工具、检查器参数化）和左侧面板。没有单独的内部 API——内置节点和第三方插件使用同一套接口。项目提供了完整的开发者指南和可运行的示例插件 pascalorg/plugin-trees——一个包含程序化树木、花朵、草地和预设面板的独立插件。

三、Pascal Editor 适合谁用

Pascal Editor 的内容设计使其适配各类需要 3D 建筑设计与可视化的用户，核心聚焦那些“想画 3D 建筑图但不想安装笨重软件、不想支付高昂年费、希望 AI 能参与设计过程”的人群，主要涵盖以下几类：

自建房业主与装修规划者——需要为自己家设计户型、规划空间布局，但不想学习 AutoCAD 或 SketchUp 的复杂操作。Pascal Editor 的浏览器原生体验和直观的墙体绘制工具，让非专业用户也能快速上手。

建筑师与室内设计师——需要在方案阶段快速构建 3D 体块、推敲空间关系、向客户展示设计意图。Pascal Editor 的实时 3D 渲染和 WebGPU 性能，让设计迭代变得流畅高效。

AI 编码代理的重度使用者——已经在用 Claude Code、Codex 等 Agent 进行日常开发。Pascal Editor 的 MCP 接入和 Agent Skills 让“用自然语言描述建筑需求，AI 代理自动在编辑器中建模”成为原生体验。

3D 工具开发者与插件作者——希望基于 Pascal Editor 的插件系统构建自定义节点类型、放置工具或面板。项目的开源 MIT 协议和完整开发者文档降低了扩展门槛。

对数据主权有要求的用户——不希望建筑方案上传到第三方云端。Pascal Editor 的本地 CLI 将项目存储在 ~/.pascal/data/pascal.db，完全本地优先，不自动上传。

四、Pascal Editor 的应用场景是什么

基于其内容设计与定位，Pascal Editor 的应用场景主要围绕自建房户型设计、建筑设计方案推敲、AI 代理辅助建模、设施管理与家居服务，覆盖从个人使用到专业协作的多个场景，具体包括：

自建房户型设计与规划场景——业主需要规划一栋房子的房间布局、墙体位置、门窗开口和家具摆放。Pascal Editor 提供了一条“在浏览器中打开编辑器 → 用 WallTool 绘制墙体 → 用 SlabTool 创建楼板 → 用 ItemTool 放置门窗和家具 → 实时 3D 预览”的完整路径。CLI 模式将项目持久化到本地数据库，随时可以继续编辑。

建筑设计方案推敲与展示场景——建筑师需要在设计早期快速构建 3D 体块，推敲空间比例和流线关系。Pascal Editor 的 WebGPU 渲染和脏节点增量更新机制，让方案修改的响应时间极短，适合快速迭代。编辑器支持 X-ray 透视查看模型系统、Walkthrough 步行漫游、Exploded view 爆炸视图等多种查看模式。

AI 代理辅助建筑建模场景——用户希望用自然语言描述建筑需求，让 AI 代理直接在编辑器中执行建模操作。Pascal Editor 的 MCP 服务器和 pascal-3d 技能让 Claude Code 或 Codex 可以读取场景状态、调用建模工具、验证放置合法性。典型的工作流是“用户描述需求 → AI 代理通过 MCP 查询场景 → 调用工具创建墙体/放置物品 → 用户在编辑器中查看结果”。

设施管理与家居服务场景——Pascal Editor 的官方愿景涵盖了设施管理、家居服务、建筑、房屋建造和基础设施。精确的 3D 建筑模型可以用于空间规划、设备定位和维护规划。官方演示展示了“一个真实的家庭被详细重建——从房间和饰面到墙体背后的结构和系统”。

3D 工具插件开发与集成场景——开发者希望基于 Pascal Editor 的核心包构建自定义的 3D 建筑应用。项目将 viewer runtime 和内置节点定义发布为独立的 npm 包（@pascal-app/core、@pascal-app/viewer、@pascal-app/editor、@pascal-app/nodes），开发者可以按需安装和组合。

五、Pascal Editor 为什么值得关注

Pascal Editor 之所以值得关注，核心在于它将“专业级 3D 建筑设计从昂贵的本地软件中解放出来，回归浏览器原生 + 本地优先 + AI 代理可驱动的开放架构”，并具备“24k+ Stars 社区认可、WebGPU 高性能渲染、MCP 原生接入、MIT 开源”的独特价值，具体体现在以下几点：

从“数千美元年费软件”到“浏览器免费开源”的民主化革命。AutoCAD 的授权费每年高达数千美元，SketchUp Pro 也不便宜。Pascal Editor 将所有核心功能——3D 建模、实时渲染、视图切换、导出分享——放在浏览器中，完全免费、MIT 开源。正如 Korben 的评论所说：“多亏了 Pascal Editor，安装笨重软件、购买许可证、和 2003 年风格的界面搏斗，这一切可能成为过去”。

从“本地安装”到“浏览器 + CLI 双模式”的灵活性。传统 3D 建筑软件必须安装到本地电脑，受限于操作系统和硬件配置。Pascal Editor 提供了两种使用方式——直接在浏览器中打开在线编辑器，零安装即可开始设计；或者通过 npx @pascal-app/cli editor 启动本地 CLI 模式，获得持久化存储、MCP 服务和完整的本地项目数据。这种“浏览器轻量入口 + CLI 完整能力”的双模式设计，覆盖了从快速尝试到长期项目的全场景。

从“AI 只能旁观”到“AI 代理直接建模”的范式革命。大多数 3D 工具的 AI 集成停留在“生成一张参考图”或“推荐一个家具模型”的层面。Pascal Editor 通过 MCP 协议让 AI 代理能够直接读取场景状态、调用建模工具、执行放置验证。Claude Code 或 Codex 可以在编辑器中创建墙体、放置家具、检查碰撞——AI 不再是旁观者，而是参与者。这种“AI 代理原生可驱动”的设计，是 Pascal Editor 区别于所有传统 3D 建筑软件最核心的价值。

WebGPU + React Three Fiber 的技术前沿性。Pascal Editor 的核心渲染基于 Three.js 的 WebGPU 渲染器——这是浏览器中目前能调用电脑显卡的最先进技术。相比传统的 WebGL，WebGPU 提供更低的 CPU 开销和更高的渲染性能，让浏览器中的 3D 建筑编辑器接近原生体验。配合 React Three Fiber 的声明式 3D 渲染模型，开发者可以像写 React 组件一样构建 3D 场景。

脏节点 + 系统化几何生成的工程架构。大多数 3D 编辑器在修改一个墙体后需要重建整个场景。Pascal Editor 的脏节点（Dirty Nodes） 机制只标记被修改的节点，System 在渲染循环中只对脏节点进行几何重算。这种“增量更新而非全量重建”的设计，让编辑器的响应速度在大场景中依然保持流畅。几何生成由 WallSystem、SlabSystem、CeilingSystem、RoofSystem、ItemSystem 等专业 System 负责，每个 System 只关注自己领域的几何逻辑。

24k+ Stars + 3k+ Forks + 持续活跃迭代。Pascal Editor 在 GitHub 上获得 24,000+ Stars、3,000+ Forks。项目保持活跃迭代——2026 年 9 月仍在持续提交代码，覆盖 MCP 连接、Cursor 托管登录、Agent 配置重构等多个方向。项目被量子位、Korben、DEV Community 等多平台报道。