# Pascal 3d Building Editor

> Editor 3D de edificios en navegador con R3F, WebGPU y MCP.

- Skill: `ntizar/pascal-3d-building-editor` (Agent Skill)
- Install (CLI): `npx skillmds@latest add ntizar/pascal-3d-building-editor`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ntizar/pascal-3d-building-editor/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- License: MIT
- Author: ntizar (https://skillmd.com/u/ntizar)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/ntizar/pascal-3d-building-editor

---


# Pascal Editor — Editor 3D de Edificios (Web)

## Resumen

Editor 3D de edificios construido con **React Three Fiber + WebGPU** (repo `pascalorg/editor`, ~21.8K⭐).
Pensado para modelado urbano 3D / CityGIS / BIM web: crear y editar volumetrías de edificios desde el navegador.
Se consume como paquetes npm (`@pascal-app/core`, `@pascal-app/viewer`, `@pascal-app/cli`) y arranca con **un solo comando**.

## Instalación y uso

No hace falta clonar el repo. Node.js **22.13+** crea una instalación local persistente:

```bash
npx @pascal-app/cli editor
```

El CLI arranca el editor **y un servicio MCP autenticado en segundo plano**, elige puertos loopback libres de colisiones
y guarda los proyectos en `~/.pascal/data/pascal.db`.

Para conectar un agente LLM:

```bash
pascal mcp connect
```

Docs: https://editor.pascal.app/docs/developer

## Arquitectura / Patrones reutilizables

- **Stack**: React Three Fiber (R3F) + WebGPU → render de escena 3D urbana en el navegador sin backend pesado.
- **Paquetes modulares**: `@pascal-app/core` (lógica), `@pascal-app/viewer` (render), `@pascal-app/cli` (tooling).
- **MCP server embebido**: el editor se *expone* a agentes vía MCP (`pascal mcp connect`) → edición de edificios
  por prompt, no solo por UI. Patrón potente para herramientas 3D agentic-first.
- **Persistencia local**: SQLite (`~/.pascal/data/pascal.db`), sin servidor externo obligatorio.

## Pitfalls

- Requiere **Node 22.13+** — con versiones viejas falla el CLI.
- La parte WebGPU necesita navegador con soporte WebGPU (Chrome/Edge recientes); en iOS/Safari verificar.
- Los puertos se eligen automáticamente para evitar colisiones con otros servicios — no forzar puertos a mano.

## Verificación

Tras `npx @pascal-app/cli editor` debe abrirse el editor y crearse `~/.pascal/data/pascal.db`.
`pascal mcp connect` debe resolver sin error y exponer las herramientas MCP al agente.

## Referencia

- Repo: https://github.com/pascalorg/editor
- Paquetes npm: `@pascal-app/core`, `@pascal-app/viewer`, `@pascal-app/cli`
- Docs: https://editor.pascal.app/docs/developer