スキル pixijs-html-source

📦

pixijs-html-source

Name: pixijs-html-source
Author: pixijs

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

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.

対応: Claude Codex Code(CC)

🥉 78 ブロンズ

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

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

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

エージェントリクエスト

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

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

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

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

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

テストする

「pixijs-html-source」を使用しています。 Why does my HTMLSource texture fail on its first render?

期待される結果:

Check whether canvas.requestPaint exists before creating the HTML texture.
Import HTMLSource from pixi.js/html-source to register the required uploaders.
If the experimental API is unavailable, choose a static image or DOM overlay fallback.

「pixijs-html-source」を使用しています。 Can two ElementImageSource instances share a snapshot?

期待される結果:

Yes. Leave autoClose disabled while multiple sources share the snapshot.
Destroy each source after its final use.
Close the shared snapshot once after every consumer has finished.

「pixijs-html-source」を使用しています。 How should a clock rendered through HTMLSource keep updating?

期待される結果:

Place the clock element directly under the owning canvas.
Update its text in the application ticker and request a paint each frame.
Remove the ticker callback and destroy the source when the clock is no longer needed.

セキュリティ監査

安全

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

All 66 static findings are false positives in this documentation-only skill. Markdown backticks are not shell execution, fixed HTML introduces no untrusted input, and reference links do not transmit captured content. No evidence found of prompt injection, credential access, or data exfiltration; texture uploads target the local GPU.

スキャンされたファイル

229

解析済み行数

レビュー項目

誤検知を無視

リスク要因

⚡ スクリプトを含む (1)

SKILL.md:25

⚙️ 外部コマンド (50)

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

SKILL.md:223 SKILL.md:224 SKILL.md:225 SKILL.md:226 SKILL.md:227 SKILL.md:228

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

監査者: codex

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

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

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

レポートリンクをコピー

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

Markdownバッジ

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

HTMLバッジ

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

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/pixijs-pixijs-html-source.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-html-source security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pixijs-pixijs-html-source/audits/1

BibTeX形式の引用

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

Skillstore スコア

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

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

Integrate Editable Forms

Render a live form as a PixiJS sprite while retaining browser interaction and managing canvas ownership.

Create Snapshot Transitions

Capture an element once and use its immutable texture for transitions or mesh effects with explicit snapshot ownership.

Diagnose Missing HTML Textures

Check module registration, browser API availability, paint scheduling, and resource cleanup when HTML textures fail to render.

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

Start With a Live Element

Show a minimal PixiJS v8 HTMLSource example for an editable input. Include feature detection, canvas child placement, and the correct imports.

Capture a Frozen Snapshot

Create an ElementImageSource from my existing canvas child. Explain readiness, exclusive snapshot ownership, and cleanup when the sprite is removed.

Debug Repaint Scheduling

My HTMLSource clock texture stops updating. Review autoUpdate, autoRequestPaint, paint events, and ticker scheduling, then recommend a repaint lifecycle with cleanup.

Design a Shared Snapshot Effect

Design a PixiJS v8 effect using one ElementImage across multiple sources and mesh textures. Address ownership, framing, unsupported-browser fallbacks, and final cleanup.

ベストプラクティス

Feature-detect experimental browser APIs and provide a fallback before relying on HTML textures.
Import from pixi.js/html-source and attach live elements to the owning canvas before source construction.
Assign snapshot ownership explicitly, remove application ticker callbacks, and destroy sources after their final use.

回避

Importing HTMLSource from the core pixi.js entry instead of pixi.js/html-source.
Expecting continuously changing DOM content to repaint without explicit requestPaint scheduling.
Enabling autoClose on a snapshot that remains shared with other sources.

よくある質問

Which PixiJS version does this skill address?

It addresses experimental HTMLSource and ElementImageSource APIs in PixiJS v8.

Does HTML-in-Canvas work in every browser?

No. The skill describes experimental APIs behind a browser flag. Detect canvas.requestPaint and provide a fallback.

What is the difference between HTMLSource and ElementImageSource?

HTMLSource tracks a live DOM element through paint events. ElementImageSource wraps an immutable snapshot that never repaints.

Where should I import these texture sources?

Import them from pixi.js/html-source. This entry registers their source extensions and WebGL and WebGPU uploaders.

Can I capture DOM elements in a Web Worker?

No. Web Workers have no DOM, so these capture workflows require a browser context with DOM access.

When should I enable autoClose?

Enable it only when one source exclusively owns the snapshot. For shared snapshots, close manually after the final consumer finishes.

開発者情報

作成者

pixijs

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

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

リポジトリ

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

参照

12f3d8d7050431cd941106781d57d5084b3342a4

メンテナンスの新しさ

2026/11/5

利用状況

0 ダウンロード · 0 閲覧

ファイル構成

Vue Options API コンポーネントを改善する

作成者 vuejs-ai

Vue Options API プロジェクトでは、型安全性や正しい this バインディングが失われることがあります。このスキルは、より安全な Vue コンポーネントのための実践的なパターンを提供します。

コーディング＆開発表示

pixijs-html-source

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

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

テストする

セキュリティ監査

リスク要因

レポートリンクをコピー

Markdownバッジ

HTMLバッジ

埋め込みカード

APA形式の引用

BibTeX形式の引用

CITATION.cff

Skillstore スコア

作成できるもの

Integrate Editable Forms

Create Snapshot Transitions

Diagnose Missing HTML Textures

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

ベストプラクティス

回避

よくある質問

開発者情報

pixijs のその他のスキル

pixijs-color

pixijs-filters

pixijs-environments

pixijs-blend-modes

pixijs-core-concepts

pixijs-custom-rendering

関連スキル

playwright-testing

nestjs-code-audit

starknet-js

vue-best-practices

react-dev

vue-options-api-best-practices