P

pixijs

by @pixijsv
4.3(120)

このスキルは、PixiJS v8タスクの統一されたエントリポイントであり、専門的なサブスキルにインテリジェントにルーティングします。PixiJSアプリケーションのセットアップ、シーングラフ、レンダリング、アセット管理、イベント処理、色、数学、アニメーション、アクセシビリティ、パフォーマンス最適化、環境設定、v7からの移行をカバーし、PixiJSプロジェクト開発を加速します。

pixijsgame-dev2d-graphicswebglwebgpuGitHub
インストール方法
git clone https://github.com/pixijs/pixijs-skills.git
compare_arrows

Before / After 効果比較

1
使用前

統一されたエントリポイントと明確なルーティングガイドがない場合、開発者はPixiJS v8のさまざまな機能やAPIを手動で検索・選別する必要があり、ドキュメント検索や試行錯誤に多くの時間を費やし、開発プロセスが遅くエラーが発生しやすくなります。

使用後

PixiJSメインスキルのインテリジェントなルーティングにより、開発者は特定のタスクに必要なサブスキルを迅速に特定でき、API検索と学習コストを大幅に削減し、PixiJS v8プロジェクトの開発とイテレーションを加速します。

SKILL.md

Entry point for the PixiJS v8 skill collection. PixiJS is the fastest library available for the web, working across all devices and allowing you to create rich, interactive graphics and cross-platform applications using WebGL, WebGPU, and Canvas as a fallback.

How to use this skill

  1. Find the specialized skill in the router below that best matches the task.
  2. Load that skill's SKILL.md and follow its guidance.
  3. If no sub-skill fits (the task references a specific class, function, option, or API surface not listed below), WebFetch https://pixijs.download/release/docs/llms.txt. That file is the auto-generated, always-current index of the full PixiJS API and guides. Each entry links to a .html.md page you can WebFetch for the detailed content.

For the long-form description and trigger keywords of every skill, see references/index.md.

Skill router

Foundations

SkillLoad when...
pixijs-applicationCreating or configuring a PixiJS Application, calling app.init(), accessing app.stage/renderer/canvas/screen, resize/ticker plugins, app.destroy().
pixijs-core-conceptsUnderstanding the renderer pipeline, choosing WebGL/WebGPU/Canvas, render loop internals, systems and pipes.
pixijs-createScaffolding a new project with the create-pixi CLI (bundler-vite, creation-web, framework-react templates).
pixijs-environmentsRunning PixiJS in Web Workers, Node/SSR, or strict-CSP contexts (DOMAdapter, WebWorkerAdapter, pixi.js/unsafe-eval).
pixijs-migration-v8Upgrading from v7 to v8 or fixing v7 patterns (beginFill/endFill, @pixi/* packages, BaseTexture, DisplayObject).
pixijs-scene-core-conceptsUnderstanding the scene graph as a whole: containers vs leaves, transforms, render order, masking, RenderLayer.

Scene Objects

SkillLoad when...
pixijs-scene-containerWorking with Container: addChild/removeChild, transforms, zIndex, bounds, toGlobal/toLocal, destroy.
pixijs-scene-spriteDrawing images: Sprite, AnimatedSprite, NineSliceSprite, TilingSprite.
pixijs-scene-graphicsDrawing vector shapes or paths: Graphics, GraphicsContext, fill/stroke, FillGradient, SVG.
pixijs-scene-textRendering text: Text, BitmapText, HTMLText, SplitText, TextStyle.
pixijs-scene-meshCustom geometry: Mesh, MeshSimple, MeshPlane, MeshRope, PerspectiveMesh.
pixijs-scene-particle-containerRendering thousands of lightweight sprites: ParticleContainer, Particle, dynamicProperties.
pixijs-scene-dom-containerOverlaying HTML elements on the canvas: DOMContainer, pixi.js/dom.
pixijs-scene-gifDisplaying animated GIFs: GifSprite, GifSource, pixi.js/gif.

Utilities

SkillLoad when...
pixijs-assetsLoading resources: Assets.init, Assets.load, bundles, manifests, spritesheets, caching.
pixijs-colorCreating or converting colors: Color class, hex/rgb/hsl, tint, premultiply.
pixijs-eventsHandling pointer/mouse/touch/wheel input: eventMode, FederatedEvent, hitArea, cursor, drag.
pixijs-mathPoints, vectors, matrices, shapes, hit testing: Point, Matrix, Rectangle, toGlobal/toLocal.
pixijs-tickerPer-frame logic or controlling the render loop: Ticker, deltaTime, UPDATE_PRIORITY, maxFPS.

Advanced

SkillLoad when...
pixijs-accessibilityScreen reader or keyboard navigation: AccessibilitySystem, accessibleTitle, tabIndex.
pixijs-blend-modesCompositing with blend modes: add, multiply, screen, overlay, pixi.js/advanced-blend-modes.
pixijs-custom-renderingWriting custom shaders, uniforms, or batchers: Shader.from, GlProgram/GpuProgram, UniformGroup, custom Filter.
pixijs-filtersApplying visual effects: BlurFilter, ColorMatrixFilter, DisplacementFilter, Filter.from, pixi-filters.
pixijs-performanceProfiling or optimizing FPS, draw calls, GPU memory: culling, GCSystem, cacheAsTexture, object pooling.

Fallback: canonical PixiJS docs

If the task references a class, function, option, or API surface not covered by any sub-skill above, WebFetch https://pixijs.download/release/docs/llms.txt. It's the auto-generated index of the full PixiJS API and guides, regenerated on every release. Each entry links to a .html.md page you can WebFetch for the detailed content. Use this fallback whenever the router table doesn't point at an obvious match.

ユーザーレビュー (0)

レビューを書く

効果
使いやすさ
ドキュメント
互換性

レビューなし

統計データ

インストール数1.1K
評価4.3 / 5.0
バージョン
更新日2026年5月22日
比較事例1 件

ユーザー評価

4.3(120)
5
37%
4
43%
3
13%
2
5%
1
2%

この Skill を評価

0.0

対応プラットフォーム

🤖claude-code

タイムライン

作成2026年5月22日
最終更新2026年5月22日