vgpu: eine WebGPU-Bibliothek, gebaut für Coding-Agenten

Vercel Labs stellt mit vgpu eine WebGPU-Bibliothek bereit, deren Dokumentation sich zuerst an Coding-Agenten wie Claude Code, Codex und Cursor richtet. Derselbe Shader läuft damit im Browser und ohne Browser in Node.js, etwa als Pixeltest in der CI. Die Bibliothek steht kostenlos unter MIT-Lizenz, ihre Schnittstellen können sich im Versionsstand 0.5.0 aber noch mit jedem Update ändern.

drweb.de als bevorzugte Quelle auf Google hinzufügenQualitätsgeprüfte Inhalte direkt in Google News & DiscoverJetzt hinzufügen

Die WebGPU-Bibliothek vgpu prüft Shader-Code schon vor dem ersten Bild gegen das WebGPU-Gerät des Rechners und meldet Fehler als JSON samt Korrekturhinweis.^[1] Diese Meldung liest ein Coding-Agent direkt ein und bessert den Shader selbst nach.

Das Wichtigste in Kürze

• vgpu stammt aus Vercel Labs, steht unter MIT-Lizenz und liegt seit dem 14. September 2026 in Version 0.5.0 vor.
• Derselbe WGSL-Shader läuft im Browser-Canvas und über die WebGPU-Implementierung Dawn ohne Bildschirm in Node.js.
• Dokumentation, geprüfte Beispiele und Diagnose erreichen Agenten per Kommandozeile, Skill und MCP-Server.
• WebGPU gilt noch nicht als Baseline, Seiten brauchen eine Ausweichlösung.

Was macht vgpu anders als eine klassische Grafikbibliothek?

Die Dokumentation von vgpu richtet sich zuerst an Maschinen: Der Befehl npx vgpu öffnet Coding-Agenten versionsgenaue Doku, geprüfte Beispiele, einen WGSL-Validator und eine Laufzeitdiagnose. Ein gehosteter MCP-Server liefert dieselben Inhalte ohne Anmeldung und nur lesend.^[1][2]

Shader schreiben Entwickler in vgpu als WGSL-Dateien, die sich per import und export gegenseitig einbinden wie TypeScript-Module. Beim Build löst die Bibliothek dieses Modulsystem auf, entfernt ungenutzte Deklarationen und verdichtet den Code. Das Beispiel auf der Projektseite schrumpft so auf 397 Byte.^[3]

In Node.js rendert vgpu über Dawn in eine unsichtbare Zielfläche und liest die Pixel zurück. Fehlt auf dem Server eine Grafikkarte, installiert npx vgpu install-software-renderer einen CPU-Renderer auf Basis von Mesa.^[4] Mit init({ adapter: „software“ }) nutzen alle Rechner denselben Mesa-Renderer. Pixeltests in der CI vergleichen das gerenderte Bild dann verlässlich mit einem gespeicherten Schnappschuss.^[3]

Den Weg über maschinenlesbare Schnittstellen gehen inzwischen auch Design-Systeme: Microsoft liefert sein Design-System als MCP-Server aus. vgpu legt zusätzlich eine llms.txt, eine OpenAPI-Beschreibung und eine Beispiel-API ohne Token offen. Der Agent ist hier der erste Leser, der Mensch prüft das Ergebnis.

Wie schlägt sich vgpu gegen Three.js und TypeGPU?

Three.js bleibt die Bibliothek für komplette 3D-Szenen und kam zuletzt auf rund 20,5 Millionen npm-Downloads pro Woche, vgpu auf rund 207.000. TypeGPU von Software Mansion lässt Shader in TypeScript schreiben.^[5][6]

Als Konkurrent tritt vgpu kaum auf: Ein Adapter macht reine WGSL-Funktionen zu Knoten der Three.js-Shadersprache TSL, die Beispielgalerie zeigt einen Glaseffekt mit TypeGPU. Über initFromDevice teilt sich vgpu außerdem ein Grafikgerät mit ONNX Runtime Web, sodass Ergebnisse eines KI-Modells ohne Umweg über den Prozessor im Shader landen.^[7] Solche Brückenbausteine senken die Hürde für bestehende Projekte.

Auf GitHub sammelte das Repository seit dem Start am 5. Mai 2026 rund 2.350 Sterne, 45 Issues sind offen.^[8] Für einen einzelnen Hintergrundeffekt reicht oft eine schlanke Shader-Bibliothek wie ShaderPad, vgpu zielt auf größere Vorhaben mit Tests und Rechenaufgaben.

Was sollten Agenturen im DACH-Raum vor dem Einsatz prüfen?

WebGPU gilt laut den Kompatibilitätsdaten web-features 3.40.0 noch nicht als Baseline: Chrome und Edge führen die Schnittstelle ab Version 144, Safari ab Version 26, für Firefox fehlt die Einstufung. Seiten mit vgpu-Effekten brauchen deshalb eine Ausweichlösung.^[9]

In Deutschland wiegt diese Lücke schwerer als im weltweiten Schnitt: Firefox kam hier im August auf 8,54 % Marktanteil, weltweit auf 2,98 %.^[10] Ein statisches Vorschaubild oder ein Video hinter dem Canvas fängt diese Besucher auf. Dieselbe Abwägung gilt für Compute-Shader im Browser.

Der gehostete MCP-Server folgt stets der jüngsten stabilen Version und passt deshalb nicht zwingend zum installierten Paket. Die lokale Variante aus dem npm-Paket bringt die Dokumentation passend zur Version mit und schreibt Beispiele nur in einen ausdrücklich freigegebenen Ordner.^[2] Für Kundenprojekte mit Geheimhaltungsklausel bleiben die Suchanfragen des Agenten so auf dem eigenen Rechner.

Für den Einstieg empfiehlt sich dieses Vorgehen:

• Die Version fest pinnen und vor Updates die Migrationshinweise lesen, mit 0.5.0 änderten sich etwa die Texturoptionen.
• Auf jedem CI-Runner zuerst npx vgpu doctor starten und für Pixeltests den Software-Renderer fest einstellen.

Welche Browser in Unternehmen verbreitet sind, zeigt der Browser-Vergleich für den DACH-Raum.

Quellen

[1] vgpu: „CLI“ (Dokumentation)

[2] vgpu: „MCP“ (Dokumentation)

[3] vgpu: „The WebGPU library, designed for agents“ (Projektseite)

[4] vgpu: „Node.js“ (Dokumentation)

[5] npm: „vgpu“ (Paketseite mit Downloadzahlen)

[6] Software Mansion: „TypeGPU“ (GitHub-Repository)

[7] vgpu: „ML Overview“ (Dokumentation)

[8] Vercel Labs: „vgpu“ (GitHub-Repository)

[9] W3C WebDX Community Group: „web-features“ (GitHub-Repository, Version 3.40.0)

[10] StatCounter: „Browser Market Share Germany“

Mehr Newshunger?

• Mirafold bringt Claude Code, Codex und Gemini CLI mit generativer Oberfläche in den Browser
• JudgmentKit: Eine Prüfschicht für die Oberflächen, die KI-Agenten bauen
• Crashcat: eine 3D-Physik-Engine für JavaScript, die ohne WebAssembly auskommt
• KI-Designer werden: Warum Designer heute ihren eigenen Code ausliefern
• Retro-Webdesign mit Endgegner: Paul Bakaus gestaltet seine Website mit Claude Code in 4.096 Farben