WebGL/WebGPU を使用してインタラクティブなグラフィックス、パーティクル エフェクト、キャンバス ベースのアプリケーションを作成するための、高速かつ軽量の 2D レンダリング エンジン。このスキルは、2D ゲーム、パーティクル システム、インタラクティブ キャンバス、スプライト アニメーション、または 3D シーンの UI オーバーレイを構築するときに使用します。 PixiJS、2D レンダリング、スプライト シート、パーティクル エフェクト、フィルター、または高性能キャンバス グラフィックスに関連するタスクをトリガーします。 WebGL アクセラレーションを備えた Canvas2D の代替として、60 FPS で数千のスプライトをレンダリングします。
コマンドラインで pixijs-2d AI スキルを開発環境にすばやくインストール
ソース: freshtechbro/claudedesignskills。
Fast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU.
Use PixiJS for: High-performance 2D rendering (up to 100,000+ sprites), particle systems, interactive UI, 2D games, data visualization with WebGL acceleration.
Don't use for: 3D graphics (use Three.js/R3F), simple animations (use Motion/GSAP), basic DOM manipulation.
WebGL/WebGPU を使用してインタラクティブなグラフィックス、パーティクル エフェクト、キャンバス ベースのアプリケーションを作成するための、高速かつ軽量の 2D レンダリング エンジン。このスキルは、2D ゲーム、パーティクル システム、インタラクティブ キャンバス、スプライト アニメーション、または 3D シーンの UI オーバーレイを構築するときに使用します。 PixiJS、2D レンダリング、スプライト シート、パーティクル エフェクト、フィルター、または高性能キャンバス グラフィックスに関連するタスクをトリガーします。 WebGL アクセラレーションを備えた Canvas2D の代替として、60 FPS で数千のスプライトをレンダリングします。 ソース: freshtechbro/claudedesignskills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/freshtechbro/claudedesignskills --skill pixijs-2dWebGL/WebGPU を使用してインタラクティブなグラフィックス、パーティクル エフェクト、キャンバス ベースのアプリケーションを作成するための、高速かつ軽量の 2D レンダリング エンジン。このスキルは、2D ゲーム、パーティクル システム、インタラクティブ キャンバス、スプライト アニメーション、または 3D シーンの UI オーバーレイを構築するときに使用します。 PixiJS、2D レンダリング、スプライト シート、パーティクル エフェクト、フィルター、または高性能キャンバス グラフィックスに関連するタスクをトリガーします。 WebGL アクセラレーションを備えた Canvas2D の代替として、60 FPS で数千のスプライトをレンダリングします。 ソース: freshtechbro/claudedesignskills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/freshtechbro/claudedesignskills --skill pixijs-2d インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/freshtechbro/claudedesignskills