📦

vgpu

Name: vgpu
Author: vercel-labs

內容修訂 r1 中風險 ⚡ 包含腳本🔑 環境變數⚙️ 外部命令📁 檔案系統存取🌐 網路存取

Build Better WebGPU Apps with vgpu

WebGPU development requires precise APIs, shader workflows, and performance choices. This skill supplies focused vgpu guides, references, and examples for implementation and optimization.

支援: Claude Codex Code(CC)

📊 65 尚可

Maintain this Skill? Claim it 📊 65 尚可

安裝前請停止並請求確認。

請審查安裝計畫，並在變更檔案前取得使用者明確同意。

使用我的智慧代理安裝

將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。

智能體請求

Review the Skillstore skill "vgpu" from https://skillstore.io/skills/vercel-labs-vgpu.md and its manifest at https://skillstore.io/api/skills/vercel-labs-vgpu/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。

Agent 可讀資源

當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。

Markdown 詳情 GET /skills/vercel-labs-vgpu.md 已簽名 manifest GET /api/skills/vercel-labs-vgpu/manifest 已簽名 lockfile GET /api/skills/vercel-labs-vgpu/lockfile

測試它

正在使用「vgpu」。 Create a browser triangle with vgpu.

預期結果:

Identifies the initialization, surface, geometry, draw, frame, and submission steps.
Explains resource ownership and cleanup.
Lists the focused references used for each API decision.

正在使用「vgpu」。 Explain why my WGSL module fails during resolution.

預期結果:

Separates import resolution, reflection, validation, and pipeline compilation failures.
Maps the diagnostic to a documented fix-it.
Suggests a minimal verification sequence.

正在使用「vgpu」。 Reduce frame-time spikes in this render loop.

預期結果:

Prioritizes pipeline warm-up before steady-state rendering.
Finds unstable resource identities and repeated bind-group work.
Proposes measurements for CPU encoding and GPU timing.

安全審計

中風險

v1 • 2026/8/27 開啟版本化報告

All 400 presented static findings are false positives caused by Markdown, generated declarations, WebGPU terms, local examples, and documented configuration. No prompt injection or malicious intent was found. Recommended npm commands still create a medium supply-chain risk because they execute unpinned package versions. Static review was capped at 400/491 representative findings; omitted static matches are unconfirmed, so automatic publishing stays disabled until manual review.

已掃描檔案

15,878

分析行數

複核項目

已忽略的誤報

已確認的安全問題 (1)

中

SKILL.md:22-25 references/guides/agent-browser-webgpu.docs.md:11-14

Unpinned npm Package Execution

Core instructions run npx -y vgpu without a version, while the screenshot guide installs agent-browser@latest globally. Package drift or compromise could execute unexpected code.

Both command blocks explicitly execute npm packages without immutable versions, and one performs a global latest-version installation.

風險因素

⚡ 包含腳本 (50)

🔑 環境變數 (6)

references/@vgpu/adapter-node/create-node-adapter.docs.md:18 references/@vgpu/adapter-node/create-node-device.docs.md:174 references/@vgpu/adapter-node/create-node-device.docs.md:174 references/guides/cli.docs.md:358 references/vgpu/bundle.docs.md:95 references/vgpu/target.docs.md:158

⚙️ 外部命令 (50)

📁 檔案系統存取 (24)

references/@vgpu/adapter-node/create-node-device.docs.md:167 references/@vgpu/adapter-node/create-node-device.docs.md:175 references/@vgpu/adapter-node/create-node-device.docs.md:177 references/@vgpu/adapter-node/create-node-device.docs.md:188 references/@vgpu/adapter-node/create-node-device.docs.md:217 references/guides/agent-browser-webgpu.docs.md:33 references/guides/cli.docs.md:292 references/guides/getting-started.docs.md:52 references/guides/getting-started.docs.md:69 references/guides/mcp.docs.md:49 references/guides/nextjs.docs.md:45 references/guides/no-bundler.docs.md:23 references/guides/no-bundler.docs.md:68 references/guides/no-bundler.docs.md:88 references/guides/publishing-wgsl-packages.docs.md:127 references/guides/shader-debugging.docs.md:30 references/guides/shader-debugging.docs.md:35 references/guides/shader-debugging.docs.md:43 references/guides/shader-debugging.docs.md:101 references/guides/shader-debugging.docs.md:120 references/guides/shader-debugging.docs.md:141 references/guides/shader-debugging.docs.md:149 references/guides/shader-workflow.docs.md:55 references/guides/shader-workflow.docs.md:73

🌐 網路存取 (13)

references/guides/agent-browser-webgpu.docs.md:38 references/guides/agent-browser-webgpu.docs.md:45 references/guides/agent-browser-webgpu.docs.md:51 references/guides/agent-browser-webgpu.docs.md:61 references/guides/agent-browser-webgpu.docs.md:88 references/guides/cli.docs.md:180 references/guides/cli.docs.md:289 references/guides/mcp.docs.md:18 references/guides/mcp.docs.md:39 references/guides/mcp.docs.md:62 references/guides/mcp.docs.md:70 references/guides/mcp.docs.md:82 references/guides/shader-workflow.docs.md:86

審計單位: codex

分享與引用此報告

分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。

開啟版本化報告

複製報告連結

https://skillstore.io/skills/vercel-labs-vgpu/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/vercel-labs-vgpu/security.svg)](https://skillstore.io/skills/vercel-labs-vgpu?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/vercel-labs-vgpu?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vercel-labs-vgpu/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/vercel-labs-vgpu.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

學術引用 (APA · BibTeX · CFF)

APA 引用

vercel-labs. (2026). vgpu security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/vercel-labs-vgpu/audits/1

BibTeX 引用

@techreport{vercel-labs-vercel-labs-vgpu-2026,
  author = {vercel-labs},
  title = {vgpu security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/vercel-labs-vgpu/audits/1},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vgpu security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "vercel-labs"
date-released: "2026-08-27"
url: "https://skillstore.io/skills/vercel-labs-vgpu/audits/1"
identifiers:
  - type: other
    value: "skillstore:vercel-labs-vgpu:audit:1"
    description: "Skillstore immutable audit report identifier"

比較變體

2 個可安裝變體

每位作者的技能都保留為獨立的可安裝項目。推薦變體依 Skillstore 證據排序。

為何此變體排名第一

Skillstore 評分最高

作者 / 來源 Skillstore 評分證據置信度 Skillstore 使用量已更新

shreyam1008 推薦

shreyam1008-vgpu

Skillstore 評分 78

證據置信度中

Skillstore 使用量 7

已更新

2026-10-04

vercel-labs 目前

vercel-labs-vgpu

Skillstore 評分 65

證據置信度中

Skillstore 使用量 8

已更新

2026-09-09

Skillstore 評分

評分依據證據置信度: 中

架構

可維護性

內容

社群

規範符合度

你可以打造什麼

Build Browser Graphics

Create WebGPU effects, draws, surfaces, and scenes with documented vgpu patterns.

Render in Node.js

Configure Dawn-backed rendering, image readback, snapshots, and machine learning buffer sharing.

Improve GPU Performance

Analyze pipeline compilation, resource identity, bind-group churn, render bundles, and shader cost.

試試這些提示

Render a First Triangle

Create a minimal vgpu browser example that renders a triangle. Use the getting-started workflow and explain each required resource.

Design a Scene

Design a vgpu scene with a perspective camera, one light, orbit controls, and reusable geometry. Identify the relevant references first.

Repair a Shader

Diagnose this WGSL validation error and propose a corrected shader. Use reflection rules and shader fix-it guidance: [error and shader].

Optimize a Render Loop

Profile this vgpu render loop and prioritize improvements for pipeline warm-up, allocations, bind groups, targets, and GPU timing: [implementation].

最佳實務

Load only the reference needed for the current symbol or workflow.
Validate behavior with the public API and deterministic WebGPU tests.
Measure pipeline, allocation, target, and shader costs before optimizing.

避免

Do not read the entire reference corpus for one focused question.
Do not assume a surface includes a depth buffer.
Do not await GPU readbacks inside a hot render loop without measurement.

常見問題

What is vgpu?

vgpu is a layered TypeScript API for WebGPU resources, rendering, compute, shaders, and scene helpers.

Does this skill include the vgpu runtime?

No. It provides generated documentation and workflows for using separately installed vgpu packages.

Can it help with WGSL errors?

Yes. It covers imports, reflection, validation, diagnostics, debugging, and documented fix-its.

Does it support Node.js rendering?

Yes. References cover Dawn-backed adapters, software rendering, readback, snapshots, and cleanup.

Can it improve rendering performance?

Yes. Guides address pipeline warm-up, stable resource identities, bind groups, render bundles, memory, and GPU timing.

Which vgpu version do the references describe?

The generated skill metadata identifies vgpu version 0.3.1.

開發者詳細資訊

作者

vercel-labs

授權

MIT

Skillstore 修訂

版本提示

作者未聲明版本。

儲存庫

https://github.com/vercel-labs/vgpu/tree/ef2418bc13269cc4b3198ecfebf34a26f6a1073e/skills/vgpu

引用

2df56c74b686e0aead67257dc7e2dbb3461bf218

維護新鮮度

2026/8/27

使用量

1 次下載 · 0 次瀏覽

檔案結構

📁 references/

📁 @vgpu/

📁 adapter-node/

📄 create-node-adapter.docs.md

📄 create-node-device.docs.md

📁 render/

📁 edit/

📄 edit.docs.md

📁 inspect/

📄 inspect-material.docs.md

📄 mesh-to-readable.docs.md

📄 mesh-to-wireframe.docs.md

📄 normal-debug-material.docs.md

📄 wireframe-material.docs.md

📁 perf/

📄 perf.docs.md

📁 utils/

📄 canvas-mouse-tracker.docs.md

📄 canvas-resolution.docs.md

📄 frame-clock.docs.md

📁 wgsl/

📄 compile.docs.md

📁 loader-vite/

📄 index.docs.md

📁 loader-webpack/

📄 index.docs.md

📁 reflect-source/

📄 reflect-source.docs.md

📄 resolved-shader.docs.md

📁 runtime/

📄 resolve-shader.docs.md

📁 wgsl-std/

📁 color/

📄 index.docs.md

📁 fullscreen/

📄 index.docs.md

📁 hash/

📄 index.docs.md

📁 noise/

📄 index.docs.md

📁 perlin/

📄 index.docs.md

📁 simplex/

📄 index.docs.md

📁 guides/

📄 agent-browser-webgpu.docs.md

📄 authoring-for-perf.docs.md

📄 browser-testing.docs.md

📄 cli.docs.md

📄 concepts-compilation.docs.md

📄 concepts-context.docs.md

📄 concepts-draws.docs.md

📄 concepts-effects.docs.md

📄 concepts-frames.docs.md

📄 concepts-passes.docs.md

📄 concepts-render-bundles.docs.md

📄 external-ticker.docs.md

📄 getting-started.docs.md

📄 mcp.docs.md

📄 measuring.docs.md

📄 ml-browser.docs.md

📄 ml-buffers.docs.md

📄 ml-node.docs.md

📄 ml.docs.md

📄 nextjs.docs.md

📄 no-bundler.docs.md

📄 optimize-pass.docs.md

📄 performance-model.docs.md

📄 performance-patterns.docs.md

📄 performance-playbook.docs.md

📄 publishing-wgsl-packages.docs.md

📄 shader-debugging.docs.md

📄 shader-fix-its.docs.md

📄 shader-workflow.docs.md

📄 texture-formats.docs.md

📄 two-pass-rendering.docs.md

📁 vgpu/

📄 bundle.docs.md

📄 clock.docs.md

📄 compute.docs.md

📁 core/

📄 bind.docs.md

📄 buffer.docs.md

📄 device.docs.md

📄 queue.docs.md

📄 render-bundle.docs.md

📄 storage-buffer.docs.md

📄 structured-uniform.docs.md

📄 texture.docs.md

📄 uniform-pool.docs.md

📄 uniform.docs.md

📄 vgpu-adapter.docs.md

📄 vgpu-error.docs.md

📄 draw.docs.md

📄 effect.docs.md

📄 frame.docs.md

📄 geometry.docs.md

📄 gpu.docs.md

📄 init.docs.md

📁 mock/

📄 create-mock-adapter.docs.md

📁 scene/

📄 camera.docs.md

📄 deg-to-rad.docs.md

📄 geometry.docs.md

📄 light.docs.md

📄 material.docs.md

📄 orbit-controls.docs.md

📄 orbit.docs.md

📄 orthographic-camera.docs.md

📄 perspective-camera.docs.md

📄 scene-tree.docs.md

📄 srgb.docs.md

📄 surface.docs.md

📄 target.docs.md

📄 timer.docs.md

📄 uniform.docs.md

📄 uniforms.docs.md

📄 visibility.docs.md

📄 SKILL.md