📦

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 كافٍ

توقف واطلب التأكيد قبل التثبيت.

راجع الخطة واحصل على موافقة صريحة من المستخدم قبل تغيير الملفات.

التثبيت باستخدام Agent لدي

انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.

طلب الوكيل

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 عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.

موارد مهيّأة لـ Agents

استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.

تفاصيل 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 • ٢٧‏/٨‏/٢٠٢٦ فتح التقرير المرتبط بالإصدار

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 الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.

فتح التقرير المرتبط بالإصدار

نسخ رابط التقرير

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"

تقييم 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

حداثة الصيانة

٢٧‏/٨‏/٢٠٢٦

الاستخدام

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

vgpu

التثبيت باستخدام Agent لدي

موارد مهيّأة لـ Agents

اختبرها

التدقيق الأمني

مخاوف أمنية مؤكدة (1)

عوامل الخطر

نسخ رابط التقرير

شارة Markdown

شارة HTML

بطاقة قابلة للتضمين

اقتباس APA

اقتباس BibTeX

CITATION.cff

تقييم Skillstore

ما الذي يمكنك بناؤه

Build Browser Graphics

Render in Node.js

Improve GPU Performance

جرّب هذه الموجّهات

أفضل الممارسات

تجنب

الأسئلة المتكررة

تفاصيل المطور

المزيد من vercel-labs

vercel-react-view-transitions

skill-creator

vercel-react-best-practices

vercel-composition-patterns

vercel-react-native-skills

next-best-practices

vue-best-practices

golang-performance

swiftui-expert-skill

senior-frontend

nextjs-architecture

nextjs-optimization

vgpu

التثبيت باستخدام Agent لدي

موارد مهيّأة لـ Agents

اختبرها

التدقيق الأمني

مخاوف أمنية مؤكدة (1)

عوامل الخطر

نسخ رابط التقرير

شارة Markdown

شارة HTML

بطاقة قابلة للتضمين

اقتباس APA

اقتباس BibTeX

CITATION.cff

تقييم Skillstore

ما الذي يمكنك بناؤه

Build Browser Graphics

Render in Node.js

Improve GPU Performance

جرّب هذه الموجّهات

أفضل الممارسات

تجنب

الأسئلة المتكررة

تفاصيل المطور

المزيد من vercel-labs

vercel-react-view-transitions

skill-creator

vercel-react-best-practices

vercel-composition-patterns

vercel-react-native-skills

next-best-practices

مهارات ذات صلة

vue-best-practices

golang-performance

swiftui-expert-skill

senior-frontend

nextjs-architecture

nextjs-optimization