スキル pixijs-filters

📦

pixijs-filters

Name: pixijs-filters
Author: pixijs

コンテンツリビジョン r1 安全 ⚙️ 外部コマンド🌐 ネットワークアクセス

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.

対応: Claude Codex Code(CC)

🥉 78 ブロンズ

Maintain this Skill? Claim it 🥉 78 ブロンズ

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

Review the Skillstore skill "pixijs-filters" from https://skillstore.io/skills/pixijs-pixijs-filters.md and its manifest at https://skillstore.io/api/skills/pixijs-pixijs-filters/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/pixijs-pixijs-filters.md 署名済み manifest GET /api/skills/pixijs-pixijs-filters/manifest 署名済み lockfile GET /api/skills/pixijs-pixijs-filters/lockfile

テストする

「pixijs-filters」を使用しています。 My scene slows down after I add blur to every child.

期待される結果:

Apply one BlurFilter to the parent container when the intended visual result permits it.
Set filterArea when the affected region has known dimensions.
Compare lower filter resolution and blur quality on target devices.

「pixijs-filters」を使用しています。 My advanced blend mode looks partially applied on a high-DPI render target.

期待される結果:

Import the advanced blend modes module before assigning the blend mode.
Enable useBackBuffer when initializing the WebGL renderer.
Set the default filter resolution to inherit before creating affected objects, then check memory use and visual output.

「pixijs-filters」を使用しています。 My custom filter uses the old vertex, fragment, uniforms constructor.

期待される結果:

Replace positional constructor arguments with the PixiJS v8 options object.
Wrap shader sources with GlProgram.from() or GpuProgram.from() for the required renderer.
Group explicitly typed uniforms in resources and keep textures as separate resources.

セキュリティ監査

安全

v1 • 2026/11/4 バージョン別レポートを開く

All 59 static findings are false positives in the reviewed SKILL.md. Backticks format documentation and shader strings; URLs reference PixiJS APIs; alleged reconnaissance concerns shader entry points and graphics bounds. No evidence found of prompt injection, credential access, exfiltration, or shell execution.

スキャンされたファイル

301

解析済み行数

レビュー項目

誤検知を無視

リスク要因

⚙️ 外部コマンド (48)

🌐 ネットワークアクセス (8)

SKILL.md:293 SKILL.md:294 SKILL.md:295 SKILL.md:296 SKILL.md:297 SKILL.md:298 SKILL.md:299 SKILL.md:300

最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。

監査者: codex

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/pixijs-pixijs-filters/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

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

HTMLバッジ

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

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/pixijs-pixijs-filters.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形式の引用

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

BibTeX形式の引用

@techreport{pixijs-pixijs-pixijs-filters-2026,
  author = {pixijs},
  title = {pixijs-filters security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/pixijs-pixijs-filters/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: "pixijs-filters 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-filters/audits/1"
identifiers:
  - type: other
    value: "skillstore:pixijs-pixijs-filters:audit:1"
    description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由証拠の信頼度: 中

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

Add game scene effects

Apply blur, color adjustments, displacement, or noise to game sprites and containers with appropriate filter ordering.

Update filter integrations

Replace obsolete filter constructors and community package imports when migrating a rendering interface to PixiJS v8.

Tune custom visual effects

Structure shader uniforms and reduce filter overhead through container grouping, resolution settings, and explicit filter areas.

これらのプロンプトを試す

Apply a basic blur

Show how to apply a BlurFilter to my PixiJS v8 sprite. Use strength 4 and explain the quality setting.

Combine scene effects

Combine blur and brightness adjustments on a PixiJS v8 container. Explain filter order and set filterArea for an 800 by 600 scene.

Migrate legacy filters

Review my filter code for PixiJS v8 compatibility. Replace obsolete constructors and @pixi/filter-* imports, and check WebGL back buffer requirements.

Build an animated custom filter

Create a PixiJS v8 GLSL wave filter with Filter.from(), typed uTime resources, and ticker updates. Explain WebGPU coverage and performance tradeoffs.

ベストプラクティス

Apply shared effects to a parent container when the visual result permits it, and set filterArea for known bounds.
Use v8 options objects, typed uniform resources, and current community filter import paths.
Test filter resolution and back buffer settings on each supported renderer and target device.

回避

Using positional Filter constructor arguments or legacy @pixi/filter-* packages in a v8 project.
Creating identical filters on every child when one parent filter provides the intended result.
Enabling blendRequired filters on WebGL without initializing useBackBuffer.

よくある質問

Which PixiJS version does this skill target?

It targets PixiJS v8 filter APIs and highlights incompatible constructor and package patterns from earlier versions.

Which built-in effects are covered?

It covers AlphaFilter, BlurFilter, ColorMatrixFilter, DisplacementFilter, and NoiseFilter, including configuration and chaining examples.

Does it include custom shader guidance?

Yes. It demonstrates a GLSL fragment filter with typed resources and ticker updates, plus direct graphics program construction.

Are the custom examples ready for both WebGL and WebGPU?

No. The complete custom shader example uses GLSL. WebGPU requires a corresponding GPU program, and no complete WGSL example is included.

How can I reduce filter overhead?

Use parent container effects where suitable, define filterArea for known bounds, and evaluate lower resolution or blur quality.

Does the skill install packages or verify rendering automatically?

No. It contains Markdown guidance and code examples. Package setup and rendering checks remain part of your project workflow.

開発者情報

作成者

pixijs

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/pixijs/pixijs-skills/tree/83760c6f53462ca9cecd68055041f5a8c94758ce/skills/pixijs-filters

参照

91de3b6ff493f509f03dabfa091fcaba5898cd7e

メンテナンスの新しさ

2026/11/5

利用状況

0 ダウンロード · 0 閲覧

ファイル構成

WebGLシェーダーエフェクトを構築

作成者 MiniMax-AI

リアルタイムのシェーダー制作は、数学的な詳細の不足やWebGL2の違いによって失敗しがちです。このスキルは、体系化されたGLSLテクニック、適応ルール、デバッグガイダンスを提供します。

コーディング＆開発表示

pixijs-filters

自分のエージェントでインストール

エージェントが読めるリソース

テストする

セキュリティ監査

リスク要因

レポートリンクをコピー

Markdownバッジ

HTMLバッジ

埋め込みカード

APA形式の引用

BibTeX形式の引用

CITATION.cff

Skillstore スコア

作成できるもの

Add game scene effects

Update filter integrations

Tune custom visual effects

これらのプロンプトを試す

ベストプラクティス

回避

よくある質問

開発者情報

pixijs のその他のスキル

pixijs-html-source

pixijs-color

pixijs-environments

pixijs-blend-modes

pixijs-core-concepts

pixijs-custom-rendering

関連スキル

shader-programming-glsl

gpuslider

threejs-webgl

web-games

3d-web-experience

shader-dev