Build Custom PixiJS v8 Shaders and Filters
Custom PixiJS rendering requires precise shader bindings, uniform types, and renderer-specific resource handling. This skill provides patterns and references for building shaders, filters, and advanced GPU workflows.
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "pixijs-custom-rendering" from https://skillstore.io/skills/pixijs-pixijs-custom-rendering.md and its manifest at https://skillstore.io/api/skills/pixijs-pixijs-custom-rendering/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「pixijs-custom-rendering」を使用しています。 My PixiJS v8 shader reports that a uniform type is undefined.
期待される結果:
「pixijs-custom-rendering」を使用しています。 My cached WebGPU draw bundle fails after I change render targets.
期待される結果:
「pixijs-custom-rendering」を使用しています。 How should I upload a small changed range in a large vertex buffer?
期待される結果:
All 94 static findings are false positives involving Markdown formatting, JavaScript shader strings, API documentation links, or GLSL and TypeScript syntax. No evidence found of prompt injection, credential access, data exfiltration, or shell execution in the three reviewed documentation files. The CSP guidance describes a fallback synchronization path, not a request to weaken browser security.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/pixijs-pixijs-custom-rendering/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/pixijs-pixijs-custom-rendering?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/pixijs-pixijs-custom-rendering?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pixijs-pixijs-custom-rendering/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/pixijs-pixijs-custom-rendering.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>pixijs. (2026). pixijs-custom-rendering security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pixijs-pixijs-custom-rendering/audits/1@techreport{pixijs-pixijs-pixijs-custom-rendering-2026,
author = {pixijs},
title = {pixijs-custom-rendering security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/pixijs-pixijs-custom-rendering/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: "pixijs-custom-rendering security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "pixijs"
date-released: "2026-11-04"
url: "https://skillstore.io/skills/pixijs-pixijs-custom-rendering/audits/1"
identifiers:
- type: other
value: "skillstore:pixijs-pixijs-custom-rendering:audit:1"
description: "Skillstore immutable audit report identifier"
Build a custom mesh shader with time uniforms, texture bindings, and corresponding WebGL and WebGPU programs.
Replace obsolete shader constructors, correct uniform declarations, and adapt custom filters to PixiJS v8 resource conventions.
Plan partial uploads, validate reusable draw bundles, and manage scratch textures and cached GPU resources.
Help me add an animated time uniform to a PixiJS v8 mesh. Use my existing WebGL shader and explain resource binding.
Create a PixiJS v8 color inversion filter with adjustable strength. Show typed uniforms and texture sampling, and identify shader version requirements.
Adapt my PixiJS v8 shader for WebGL and WebGPU. Review GLSL, WGSL entry points, texture resources, UBO layout, and strict CSP requirements.
Review my PixiJS v8 draw pipeline for partial uploads, bundle invalidation, texture pooling, and InstructionPipe cleanup. Identify renderer restrictions and validation steps.
作成者
pixijsライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
2b843bb403910138d3d526d8edfdddb55d0a411a
メンテナンスの新しさ
2026/11/5
利用状況
0 ダウンロード · 0 閲覧
ファイル構成
Convert and Manipulate Colors in PixiJS v8
Mixed color formats and component ranges can cause incorrect tints and alpha values in PixiJS. This skill provides focused Color API guidance and examples for conversions, manipulation, and buffer reuse.
Render HTML as PixiJS Textures
Rendering live HTML inside GPU scenes requires experimental browser APIs and careful texture lifecycle management. This skill guides PixiJS v8 integrations using live DOM sources or immutable element snapshots.
Apply and Optimize PixiJS v8 Filters
PixiJS filter effects can fail when shader APIs, renderer settings, or package imports do not match version 8. This skill guides filter setup, custom shaders, and performance tuning with focused examples.
Configure PixiJS for Workers, SSR, and Strict CSP
PixiJS applications can fail when browser APIs are unavailable or security policies block dynamic compilation. This skill guides adapter selection, worker setup, and CSP-compatible initialization.
Apply and Troubleshoot PixiJS v8 Blend Modes
PixiJS blend effects can fail because of missing extensions, renderer settings, or outdated APIs. This skill provides examples for correct setup, efficient ordering, and high-DPI troubleshooting.
Understand PixiJS v8 Rendering and Frame Loops
Renderer selection and frame timing can make PixiJS applications difficult to debug. This skill explains backend selection, rendering architecture, and frame execution with focused examples.
効率的なGLSLシェーダーエフェクトを構築する
作成者 sickn33
GLSLシェーダー作業は、構造化と最適化が難しいものです。このスキルは、シェーダー構文、uniform、varying、ベクトル演算、raymarching、パフォーマンス上の選択をガイドします。
Build GPU Sliders and Galleries with gpuslider
作成者 niklasp
GPU sliders require coordinated rendering, layouts, and framework integration. This skill guides gpuslider setup with visual plugins, CSS sizing, and browser fallbacks.
Build and Debug Raw WebGL Rendering
作成者 shreyam1008
Raw WebGL rendering can slow down through excessive draw calls, state changes, and texture bandwidth. This skill guides context setup, resource handling, and targeted optimization.
WebGPU HyperFrames エフェクトを構築
作成者 heygen-com
HyperFrames の GPU エフェクトには、決定論的なタイミングとフレームキャプチャが必要です。このスキルは、レンダリング準備済みのキャンバス合成のための WebGPU、TypeGPU、GSAP パターンを提供します。
Build Three.js Shaders with GLSL and TSL
作成者 cloudai-x
Custom Three.js effects require careful handling of shader inputs, color conversion, and renderer compatibility. This skill provides GLSL and TSL examples for building effects and diagnosing common material errors.
Build and Optimize Three.js Geometry
作成者 cloudai-x
Three.js geometry work requires careful choices about vertex data, draw calls, and renderer compatibility. This skill provides focused examples for shapes, custom buffers, instancing, and WebGPU adaptations.