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日