Навыки pixijs-filters
📦

pixijs-filters

Ревизия содержимого 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)
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-агентов

Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.

Протестировать

Использование «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.

Аудит безопасности

Безопасно

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.

1
Просканировано файлов
301
Проанализировано строк
0
Пункты проверки
0
Ложные срабатывания проигнорированы
Последний завершенный статический и семантический аудит не обнаружил подтвержденных проблем безопасности. Это не доказывает отсутствие побочных эффектов у навыка.
Аудитор:: 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

Почему такая оценка Достоверность доказательств: Средний
55
Архитектура
85
Сопровождаемость
87
Контент
65
Сообщество
91
Соответствие спецификации

Что вы можете построить

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

r1

Примечание о версии

Автор не указал версию.

Ссылка

91de3b6ff493f509f03dabfa091fcaba5898cd7e

Актуальность поддержки

05.11.2026

Использование

0 загрузок · 0 просмотров

Структура файлов

📄 SKILL.md

Больше от pixijs

Показать все
Показать все
📦

shader-programming-glsl

78

Создание эффективных GLSL-шейдерных эффектов

от sickn33

Работу с GLSL-шейдерами трудно структурировать и оптимизировать. Этот навык помогает с синтаксисом шейдеров, uniforms, varyings, векторной математикой, реймарчингом и выбором решений для производительности.

Кодинг и разработка Просмотр
📦

web-games

78

Создавайте более качественные веб-игры

от sickn33

Браузерные игры требуют тщательного выбора движков, рендеринга, ресурсов, аудио и поддержки офлайн-режима. Этот навык помогает Claude, Codex и Claude Code планировать практичные архитектуры веб-игр.

Кодинг и разработка Просмотр