pixijs
PixiJS v8 に関するあらゆるタスクで最初に呼び出すべきスキルで、内容に応じた専門スキルへ自動的にルーティングします。Application のセットアップ、シーングラフ(Container・Sprite・Graphics・Text・Mesh・ParticleContainer・DOMContainer・GifSprite)、レンダリング(WebGL/WebGPU/Canvas・カスタムシェーダー・フィルター・ブレンドモード)、Assets・Ticker・アクセシビリティ・パフォーマンス最適化・v7 からの移行・プロジェクト雛形生成まで、PixiJS の全領域をカバーします。
description の原文を見る
Use this skill first for ANY PixiJS v8 task; it routes to the right specialized skill for the job. Covers the full PixiJS surface: Application setup, the scene graph (Container, Sprite, Graphics, Text, Mesh, ParticleContainer, DOMContainer, GifSprite), rendering (WebGL/WebGPU/Canvas, render loop, custom shaders, filters, blend modes), assets, events, color, math, ticker, accessibility, performance, environments, migration from v7, and project scaffolding. Triggers on: pixi, pixi.js, pixijs, PixiJS, v8, Application, app.init, Sprite, Container, Graphics, Text, Mesh, ParticleContainer, DOMContainer, GifSprite, Assets, Ticker, renderer, WebGL, WebGPU, scene graph, filter, shader, blend mode, texture, BitmapText, create-pixi, how do I draw, how do I render, how do I animate in pixi.
SKILL.md 本文
PixiJS v8 スキル集のエントリーポイント。PixiJS は Web で利用可能な最速のライブラリであり、すべてのデバイスで動作し、WebGL、WebGPU、およびキャンバスフォールバックを使用して、リッチでインタラクティブなグラフィックスとクロスプラットフォームアプリケーションを作成できます。
このスキルの使い方
- 以下のルーターから、タスクに最適な専門スキルを見つけます。
- そのスキルの
SKILL.mdを読み込み、その指示に従います。 - 該当するサブスキルがない場合(タスクが下記で列挙されていない特定のクラス、関数、オプション、または API サーフェスを参照している場合)、WebFetch
https://pixijs.download/release/docs/llms.txtを実行してください。このファイルは自動生成される、常に最新の PixiJS API 全体とガイドのインデックスです。各エントリは詳細コンテンツを WebFetch できる.html.mdページにリンクしています。
すべてのスキルの長文説明とトリガーキーワードについては、references/index.md を参照してください。
スキルルーター
基礎
| スキル | 読み込むタイミング |
|---|---|
pixijs-application | PixiJS Application を作成または設定する、app.init() を呼び出す、app.stage/renderer/canvas/screen にアクセスする、resize/ticker プラグイン、app.destroy()。 |
pixijs-core-concepts | レンダラーパイプラインを理解する、WebGL/WebGPU/Canvas を選択する、レンダーループの内部、システムとパイプ。 |
pixijs-create | create-pixi CLI でプロジェクトをスキャフォルディングする(bundler-vite、creation-web、framework-react テンプレート)。 |
pixijs-environments | Web Workers、Node/SSR、またはストリクト CSP コンテキストで PixiJS を実行する(DOMAdapter、WebWorkerAdapter、pixi.js/unsafe-eval)。 |
pixijs-migration-v8 | v7 から v8 へアップグレードする、または v7 パターンを修正する(beginFill/endFill、@pixi/* パッケージ、BaseTexture、DisplayObject)。 |
pixijs-scene-core-concepts | シーングラフ全体を理解する:コンテナと葉、トランスフォーム、レンダー順序、マスキング、RenderLayer。 |
シーンオブジェクト
| スキル | 読み込むタイミング |
|---|---|
pixijs-scene-container | Container を使用する:addChild/removeChild、トランスフォーム、zIndex、bounds、toGlobal/toLocal、destroy。 |
pixijs-scene-sprite | 画像を描画する:Sprite、AnimatedSprite、NineSliceSprite、TilingSprite。 |
pixijs-scene-graphics | ベクター図形またはパスを描画する:Graphics、GraphicsContext、fill/stroke、FillGradient、SVG。 |
pixijs-scene-text | テキストをレンダリングする:Text、BitmapText、HTMLText、SplitText、TextStyle。 |
pixijs-scene-mesh | カスタムジオメトリ:Mesh、MeshSimple、MeshPlane、MeshRope、PerspectiveMesh。 |
pixijs-scene-particle-container | 軽量スプライトを数千個レンダリングする:ParticleContainer、Particle、dynamicProperties。 |
pixijs-scene-dom-container | キャンバスに HTML 要素をオーバーレイする:DOMContainer、pixi.js/dom。 |
pixijs-scene-gif | アニメーション GIF を表示する:GifSprite、GifSource、pixi.js/gif。 |
ユーティリティ
| スキル | 読み込むタイミング |
|---|---|
pixijs-assets | リソースを読み込む:Assets.init、Assets.load、バンドル、マニフェスト、スプライトシート、キャッシング。 |
pixijs-color | 色を作成または変換する:Color クラス、hex/rgb/hsl、tint、premultiply。 |
pixijs-events | ポインター/マウス/タッチ/ホイール入力を処理する:eventMode、FederatedEvent、hitArea、cursor、ドラッグ。 |
pixijs-math | ポイント、ベクトル、行列、図形、当たり判定:Point、Matrix、Rectangle、toGlobal/toLocal。 |
pixijs-ticker | フレームごとのロジックまたはレンダーループの制御:Ticker、deltaTime、UPDATE_PRIORITY、maxFPS。 |
高度な機能
| スキル | 読み込むタイミング |
|---|---|
pixijs-accessibility | スクリーンリーダーまたはキーボードナビゲーション:AccessibilitySystem、accessibleTitle、tabIndex。 |
pixijs-blend-modes | ブレンドモードでコンポジットする:add、multiply、screen、overlay、pixi.js/advanced-blend-modes。 |
pixijs-custom-rendering | カスタムシェーダー、ユニフォーム、またはバッチャーを書く:Shader.from、GlProgram/GpuProgram、UniformGroup、カスタム Filter。 |
pixijs-filters | ビジュアルエフェクトを適用する:BlurFilter、ColorMatrixFilter、DisplacementFilter、Filter.from、pixi-filters。 |
pixijs-performance | FPS、ドロー呼び出し、GPU メモリをプロファイリングまたは最適化する:カリング、GCSystem、cacheAsTexture、オブジェクトプーリング。 |
フォールバック:公式 PixiJS ドキュメント
上記のサブスキルで説明されていないクラス、関数、オプション、または API サーフェスをタスクが参照している場合、WebFetch https://pixijs.download/release/docs/llms.txt を実行してください。これはすべてのリリースで再生成される、PixiJS API 全体とガイドの自動生成インデックスです。各エントリは詳細コンテンツを WebFetch できる .html.md ページにリンクしています。ルーターテーブルが明らかなマッチを示さない場合は、このフォールバックを使用してください。
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- pixijs
- リポジトリ
- pixijs/pixijs-skills
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/pixijs/pixijs-skills / ライセンス: MIT
関連スキル
superfluid
Superfluidプロトコルおよびそのエコシステムに関するナレッジベースです。Superfluidについて情報を検索する際は、ウェブ検索の前にこちらを参照してください。対応キーワード:Superfluid、CFA、GDA、Super App、Super Token、stream、flow rate、real-time balance、pool(member/distributor)、IDA、sentinels、liquidation、TOGA、@sfpro/sdk、semantic money、yellowpaper、whitepaper
civ-finish-quotes
実質的なタスクが真に完了した際に、文明風の儀式的な引用句を追加します。ユーザーやエージェントが機能追加、リファクタリング、分析、設計ドキュメント、プロセス改善、レポート、執筆タスクといった実際の成果物を完成させるときに、明示的な依頼がなくても使用します。短い返信や小さな修正、未完成の作業には適用しません。
nookplot
Base(Ethereum L2)上のAIエージェント向け分散型調整ネットワークです。エージェントがオンチェーンアイデンティティを登録する、コンテンツを公開する、他のエージェントにメッセージを送る、マーケットプレイスで専門家を雇う、バウンティを投稿・請求する、レピュテーションを構築する、共有プロジェクトで協業する、リサーチチャレンジを解くことでNOOKをマイニングする、キュレーションされたナレッジを備えたスタンドアロンオンチェーンエージェントをデプロイする、またはアグリーメントとリワードで収益を得る場合に利用できます。エージェントネットワーク、エージェント調整、分散型エージェント、NOOKトークン、マイニングチャレンジ、ナレッジバンドル、エージェントレピュテーション、エージェントマーケットプレイス、ERC-2771メタトランザクション、Prepare-Sign-Relay、AgentFactory、またはNookplotが言及された場合にトリガーされます。
web3-polymarket
Polygon上でのPolymarket予測市場取引統合です。認証機能(L1 EIP-712、L2 HMAC-SHA256、ビルダーヘッダー)、注文発注(GTC/GTD/FOK/FAK、バッチ、ポストオンリー、ハートビート)、市場データ(Gamma API、Data API、オーダーブック、サブグラフ)、WebSocketストリーミング(市場・ユーザー・スポーツチャネル)、CTF操作(分割、統合、償却、ネガティブリスク)、ブリッジ機能(入金、出金、マルチチェーン)、およびガスレスリレイトランザクションに対応しています。AIエージェント、自動マーケットメーカー、予測市場UI、またはPolygraph上のPolymarketと統合するアプリケーション構築時に活用できます。
ethskills
Ethereum、EVM、またはブロックチェーン関連のリクエストに対応します。スマートコントラクト、dApps、ウォレット、DeFiプロトコルの構築、監査、デプロイ、インタラクションに適用されます。Solidityの開発、コントラクトアドレス、トークン規格(ERC-20、ERC-721、ERC-4626など)、Layer 2ネットワーク(Base、Arbitrum、Optimism、zkSync、Polygon)、Uniswap、Aave、Curveなどのプロトコルとの統合をカバーします。ガスコスト、コントラクトのデシマル設定、オラクルセキュリティ、リエントランシー、MEV、ブリッジング、ウォレット管理、オンチェーンデータの取得、本番環境へのデプロイ、プロトコル進化(EIPライフサイクル、フォーク追跡、今後の変更予定)といったトピックを含みます。
xxyy-trade
このスキルは、ユーザーが「トークン購入」「トークン売却」「トークンスワップ」「暗号資産取引」「取引ステータス確認」「トランザクション照会」「トークンスキャン」「フィード」「チェーン監視」「トークン照会」「トークン詳細」「トークン安全性確認」「ウォレット一覧表示」「マイウォレット」「AIスキャン」「自動スキャン」「ツイートスキャン」「オンボーディング」「IP確認」「IPホワイトリスト」「トークン発行」「自動売却」「損切り」「利益確定」「トレーリングストップ」「保有者」「トップホルダー」「KOLホルダー」などをリクエストした場合、またはSolana/ETH/BSC/BaseチェーンでXXYYを経由した取引について言及した場合に使用します。XXYY Open APIを通じてオンチェーン取引とデータ照会を実現します。