vercel-labs/vgpu

解決的問題

vgpu 透過消除手動著色器繫結宣告的繁瑣，並提供跨不同環境一致的 API，簡化 WebGPU 應用的開發。它消除了為瀏覽器渲染、無頭 Node.js 執行與自動化測試分別維護程式碼庫的需要。

工作原理

該套件提供一個統一的 Gpu 上下文句柄，用於管理適配器與裝置。它使用反射系統將 .wgsl 著色器檔案視為 TypeScript 模組，讓開發者無需手動產生程式碼即可匯入與匯出著色器函數與常數。它支援三種不同的執行環境：瀏覽器、基於 Dawn 的無頭 Node.js 環境，以及用於 CI/CD 與測試的決定性軟體模擬器。

適用對象

希望使用 WebGPU 建構高效率 GPU 加速應用，同時維持類型安全工作流程與跨執行環境相容性的圖形程式設計師與 Web 開發者。

主要特色

• 類型化 WGSL 匯入：著色器如同 TypeScript 模組般運作，自動反射繫結名稱與類型。
• 多執行環境支援：提供瀏覽器、無頭 Node 與模擬環境的單一 API 表面。
• AI 編碼代理就緒：內建 CLI 用於文件與範例探索，並提供 llms.txt 與 MCP 支援，供 AI 編碼代理使用。
• 輕量體積：在 CI 中強制執行嚴格的套件預算，保持套件輕量化（例如，全螢幕效果僅 25 KB 壓縮後）。
• 明確的幀控制：採用明確的呼叫式方法處理繪製通道與繪製操作，而非依賴隱式的場景圖狀態。