ブラウザやCLIで動作するオープンソースの3D建築エディター。AIエージェントをMCPで接続できます。
中辛 の解説
React Three Fiber・WebGPUベースの3D建築エディター。TypeScriptで構築され、Turborepo モノレポで @pascal-app/core（シーン状態）・@pascal-app/viewer（レンダリング）・@pascal-app/editor（編集UI）・@pascal-app/cli（ローカル実行）などの再利用可能なパッケージに分割されています。難易度は中程度。ブラウザ版（https://editor.pascal.app/next のデモで確認可能）とローカルCLI版（Node.js 22.13以上で npx @pascal-app/cli editor で即座に起動）があり、どちらもデータベース（~/.pascal/data/pascal.db）で永続化されます。Zustand ストアで壁・床・天井などのノードを階層的に管理し、Three.jsのレジストリで高速参照・更新します。MCPサーバーを同梱しており、Claude Code・Codexからエージェントスキル（pascal-3d、furniture-fit等）を通じてプログラマティックに操作できます。
こんなリポジトリです
こんなときに便利です
- 建築設計・施工管理で建物全体の構造・設備・室内仕上げを統合モデル化して視覚化する
- 不動産・ファシリティ管理で既存住宅の改修計画やシステムメンテナンスを計画する
- Claude等のAIエージェントに建築パラメトリック設計タスク（家具配置検証など）を自動化させる
主な機能
ほかとの違い
WebGPU・React Three Fiberでブラウザネイティブ3D建築エディターを実現し、ローカルMCPサーバーで完全プライベートなAI統合が可能な点が、クラウドCAD・デスクトップCADと異なります。
このリポジトリの作り方
はじめてですか？ むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。
準備するもの
- Node.js 22.13以上
すぐに始める
- Node.js 22.13以上がインストール済みであることを確認します。
node --version
- Pascal CLIをインストールしてエディターを起動します。
npx @pascal-app/cli editor
-
ブラウザで http://localhost:3002 を開きエディターにアクセスします（ポート番号は衝突時に自動調整）。
-
プロジェクトは自動的に ~/.pascal/data/pascal.db に保存されます。MCP接続はClaude CodeやCodexから
pascal mcp connectを実行して設定します。 -
（開発時）リポジトリをクローンしてローカルビルドする場合は以下を実行します。
git clone https://github.com/pascalorg/editor
cd editor
bun install
bun dev
- http://localhost:3002 でホットリロード付き開発サーバーが起動します。
ギット飯トライで味見
入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。
ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。
npx gitbap-try pascalorg/editor
Node.js さえあれば、インストールなしで動きます · ギット飯トライとは？ →
これを仕事に活かす
味見がすんだら次は応用です — 仕事やビジネスに活かす方法をまとめました。
レシピ — AI にこのまま頼んでみてください
レシピを読み込んでいます…
スター推移 · 7日
確認日時
使いやすさ · まねしやすいか
- ゆるいライセンス
- テストあり
- サンプル集
- 最近の更新
- AGENTS.md
- llms.txt
- テンプレート
最近の更新あり · 2025 年に作成
「Web・Next.js・フルスタック」 こういうリポジトリを毎週受け取りませんか？
毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。
自分のリポジトリですか？ README にギット飯バッジを貼る
[](https://www.gitbap.com/r/pascalorg/editor)Claude からそのまま使う — ギット飯のつなぎ方
ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。
Claude の設定 → コネクタにこのアドレスを貼り付け。
https://www.gitbap.com/api/mcpプラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。
/plugin marketplace add jakeparkcolde/gitbap-cowork/plugin install gitbap-cowork@gitbapAI が README をもとに要約しました · 原文を見る