vercel-react-view-transitions
82React View Transitions を実装する
React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。
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.
インストール前に停止して確認を求めてください。
計画を確認し、ファイルを変更する前にユーザーの明示的な同意を得てください。
このリクエストをエージェントにコピーしてください。正規の 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.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「vgpu」を使用しています。 Create a browser triangle with vgpu.
期待される結果:
「vgpu」を使用しています。 Explain why my WGSL module fails during resolution.
期待される結果:
「vgpu」を使用しています。 Reduce frame-time spikes in this render loop.
期待される結果:
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.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/vercel-labs-vgpu/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/vercel-labs-vgpu?utm_source=security_passport_badge)<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>vercel-labs. (2026). vgpu security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/vercel-labs-vgpu/audits/1@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}
}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"
Create WebGPU effects, draws, surfaces, and scenes with documented vgpu patterns.
Configure Dawn-backed rendering, image readback, snapshots, and machine learning buffer sharing.
Analyze pipeline compilation, resource identity, bind-group churn, render bundles, and shader cost.
Create a minimal vgpu browser example that renders a triangle. Use the getting-started workflow and explain each required resource.
Design a vgpu scene with a perspective camera, one light, orbit controls, and reusable geometry. Identify the relevant references first.
Diagnose this WGSL validation error and propose a corrected shader. Use reflection rules and shader fix-it guidance: [error and shader].
Profile this vgpu render loop and prioritize improvements for pipeline warm-up, allocations, bind groups, targets, and GPU timing: [implementation].
作成者
vercel-labsライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
2df56c74b686e0aead67257dc7e2dbb3461bf218
メンテナンスの新しさ
2026/8/27
利用状況
1 ダウンロード · 0 閲覧
ファイル構成
📁 @vgpu/
📁 render/
📁 edit/
📁 inspect/
📄 normal-debug-material.docs.md
📁 perf/
📁 utils/
📄 canvas-mouse-tracker.docs.md
📁 wgsl/
📁 runtime/
📁 color/
📁 hash/
📁 noise/
📁 perlin/
📁 simplex/
📁 guides/
📄 agent-browser-webgpu.docs.md
📄 concepts-compilation.docs.md
📄 concepts-render-bundles.docs.md
📄 performance-patterns.docs.md
📄 performance-playbook.docs.md
📄 publishing-wgsl-packages.docs.md
📁 vgpu/
📁 core/
📁 mock/
📁 scene/
📄 SKILL.md
React View Transitions を実装する
React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。
再利用可能な AI スキルを作成する
チームには、再利用可能なエージェントの知識とワークフローを一貫した方法でパッケージ化する仕組みが必要です。このスキルは、Claude、Codex、Claude Code をスキルの設計、作成、検証、パッケージ化へ導きます。
React と Next.js のパフォーマンス最適化
React と Next.js アプリは、ウォーターフォール、大きなバンドル、回避可能な再レンダリングによって速度が低下しがちです。このスキルは、エージェントがより安全にパフォーマンス重視の変更を行うための具体的なルールを提供します。
Reactのコンポジションパターンを適用する
boolean props が多い React コンポーネントは、保守やレビューが難しくなります。この skill は、compound components、明示的な variants、provider ベースの state に関する明確なパターンをエージェントに提供します。
React Native アプリを最適化
React Native アプリでは、低速なリスト、ぎこちないアニメーション、プラットフォーム特有のミスが発生することがあります。このスキルは、パフォーマンスの高い Expo および React Native 開発のための簡潔なルールを Codex、Claude、Claude Code に提供します。
Next.js のベストプラクティスを適用する
Next.js プロジェクトは、境界の不明確さ、遅いデータ取得、デプロイのミスによって失敗することがよくあります。このスキルは、Claude、Codex、Claude Code に、最新の App Router 作業に集中したルールを提供します。
Vue 3 のコード品質を向上
作成者 vuejs-ai
Vue プロジェクトでは、時間の経過とともに reactivity、component、performance に関するミスが蓄積しがちです。このスキルは、より安全なパターンと明確なコードのために、Vue 3 に特化したガイダンスを提供します。
プロファイリングによる Go パフォーマンスの最適化
作成者 89jobrien
Go サービスは、明確な根拠がないまま低速化したりメモリ使用量が増えたりすることがあります。このスキルは、プロファイリング、割り当て分析、並行処理のチューニング、ベンチマーク主導の最適化をガイドします。
より優れたSwiftUI機能を構築する
作成者 avdlee
SwiftUIプロジェクトでは、非推奨API、壊れやすい状態管理、遅いビュー更新が蓄積することがあります。このスキルは、モダンで保守しやすいSwiftUIコードのための的確なガイダンスを提供します。
本番環境対応のフロントエンド機能を構築
作成者 davila7
フロントエンドチームには、プロジェクト間で一貫したReactおよびNext.jsのガイダンスが必要です。このスキルは、フロントエンド分析のためのリファレンスワークフロー、品質プラクティス、ヘルパースクリプトを提供します。
Next.js App Routerアーキテクチャを計画する
作成者 89jobrien
Next.jsチームは、ルート、コンポーネント、データ読み込み、移行手順の選択に苦労することがあります。このスキルは、App Router、Server Components、パフォーマンスに関する構造化されたアーキテクチャ指針を提供します。
Next.js パフォーマンスの最適化
作成者 Atman36
Next.js アプリケーションは、大きなバンドル、弱いキャッシュ、最適化されていないメディアによって遅くなることがあります。このスキルは、Claude、Codex、Claude Code が本番アプリ向けに的を絞ったパフォーマンス改善を行えるよう支援します。