# Vercel 開源 vgpu：以一套 API 整合瀏覽器與 Node.js 的 WebGPU 函式庫 > 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt) > 原作者：Vercel (@vercel) · 策展與摘要：EasyVibeCoding · 平台：X (Twitter) · 熱度：🔥🔥🔥 · 日期：2026-08-28 > 原始來源：https://x.com/vercel/status/2092999180780556643 ## 證據與延伸閱讀 - [Vercel 開源 vgpu：以一套 API 整合瀏覽器與 Node.js 的 WebGPU 函式庫。](https://vgpu.sh/agents.md) — 官方文件 · 最後核對：2026-08-28 · 支持主張：官方 manifest/repository 補足 vgpu 的 browser、headless Node 與 mock runtime、typed WGSL modules、顯式 passes、CPU-safe validation、唯讀 examples/MCP surface；外部觀察則提供不要把 hero demo 當成函式庫效能保證的技術邊界。 - [vgpu shader-composition and adaptive-quality boundary — github.com](https://github.com/vercel-labs/vgpu) — 官方 Repository · 最後核對：2026-08-28 · 支持主張：官方 manifest/repository 補足 vgpu 的 browser、headless Node 與 mock runtime、typed WGSL modules、顯式 passes、CPU-safe validation、唯讀 examples/MCP surface；外部觀察則提供不要把 hero demo 當成函式庫效能保證的技術邊界。 - [vgpu shader-composition and adaptive-quality boundary — @matiNotFound](https://x.com/matiNotFound/status/2093206104775794715) — 一手來源 · 最後核對：2026-08-28 · 支持主張：官方 manifest/repository 補足 vgpu 的 browser、headless Node 與 mock runtime、typed WGSL modules、顯式 passes、CPU-safe validation、唯讀 examples/MCP surface；外部觀察則提供不要把 hero demo 當成函式庫效能保證的技術邊界。 - [Vercel 開源 vgpu](https://x.com/vercel/status/2092999180780556643) - [影片展示與 demo 畫面限制](https://video.twimg.com/amplify_video/2092999146655645696/vid/avc1/998x720/NAL4EoflkVZzCxu1.mp4?tag=14) ## 中文摘要 Vercel 開源 vgpu：以一套 API 整合瀏覽器與 Node.js 的 WebGPU 函式庫。 **核心功能** vgpu 是面向 agent 的最小化 TypeScript WebGPU library，提供 browser 與 headless Node.js 共用的 one API，也支援 CPU sandbox 與 CI mock。官方 manifest、[文件](https://vgpu.sh/agents.md) 與 [repository](https://github.com/vercel-labs/vgpu) 所描述的重點包括： - typed WGSL imports，以及可組合的 `@vgpu/wgsl-std` 標準模組，讓 shader 能以類似 TypeScript 的方式匯入並獲得型別檢查。 - 瀏覽器、Dawn-backed headless Node 與 mock runtime 分離，避免下游 bundle 載入不必要的 runtime，並支援 tree-shaken bundles。 - 以明確的 render passes 與 compute passes 呈現 command ordering，降低執行順序不透明造成的檢查困難。 - 提供 agent-ready CLI、文件與穩定的 check／example 指令，讓 agent 能以文字化 manifest、固定流程檢查工作。 - 透過唯讀 examples API 與 stateless read-only MCP endpoint 提供範例探索，不授予 mutation 權限。 **驗證方式** 沒有實體 GPU 時，開發者可先在 mock runtime 驗證 WGSL modules 與指令順序；但 mock 只會記錄 commands，不會渲染，因此視覺正確性仍須交由真實 GPU 或其他 renderer 確認。影片展示了首頁、3D shader 場景、瀏覽器與 Node.js 使用情境，以及終端機操作；這些屬於 demo 畫面，不足以單獨證明正式相容性或安裝保證。 > 支援瀏覽器與 Node.js 環境的 WebGPU 函式庫 vgpu 介面與 3D 渲染示範 **效能邊界** @matiNotFound 於 2026 年 8 月 28 日指出，vgpu 只是 WebGPU 的 minimal wrapper，效能主要取決於 shader 如何組合，而不是 library 本身。現在的 hero demo 會量測 device capabilities 並調整 quality，作者也預計持續迭代；但目前沒有可重現的效能測量、明確的裝置矩陣、release version，或獨立的 bundle／效能 benchmark，因此不能把 hero 場景的表現視為 vgpu 的效能承諾。 ## 媒體內容 **支援瀏覽器與 Node.js 環境的 WebGPU 函式庫 vgpu 介面與 3D 渲染示範** **影片中的 Prompt 與操作** Prompt（00:40）： ``` npx vgpu ``` 操作步驟： 1. （00:13）點擊並拖曳繪製光線（DRAW LIGHT） 2. （00:26）於手寫板區域繪製數字 3 3. （00:32）切換 Fractal 與 Orb 模式 4. （00:40）在終端機執行 `npx vgpu` 指令 ## 標籤 開源專案, Web, SDK, Vercel