pixijs-create
This skill guides you through initializing a new PixiJS v8 project using the create-pixi command-line tool. You'll discover how to scaffold your rendering application, configure the scene graph, and integrate core PixiJS components like sprites, graphics layers, and text rendering. Master the foundational setup patterns that enable smooth 2D WebGL, WebGPU, and Canvas rendering workflows.
pixijs-create guides you through initializing a new PixiJS v8 project with the create-pixi CLI. Run `npm create pixi.js@latest my-app` to scaffold a project interactively. The tool prompts you to select a template (bundler, creation engine, framework, or extension), then generates a complete project structure with dev dependencies, build scripts, and example code ready to run.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-06-04
pixijs-create guides you through initializing a new PixiJS v8 project with the create-pixi CLI. Run `npm create pixi.js@latest my-app` to scaffold a project interactively. The tool prompts you to select a template (bundler, creation engine, framework, or extension), then generates a complete project structure with dev dependencies, build scripts, and example code ready to run.
Use it when
- pixijs-create offers four main template categories: bundler templates (Vite, Webpack, esbuild) for optimized production builds.
- Yes.
Verify before relying
Read SKILL.md below before installing (1 file). Open directory: indexed for reading, not audited.
Install
pixijs/pixijs-skills/pixijs-create
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I create a new PixiJS v8 project using create-pixi?
pixijs-create guides you through initializing a new PixiJS v8 project with the create-pixi CLI. Run `npm create pixi.js@latest my-app` to scaffold a project interactively. The tool prompts you to select a template (bundler, creation engine, framework, or extension), then generates a complete project structure with dev dependencies, build scripts, and example code ready to run.
What templates are available when scaffolding with pixijs-create?
pixijs-create offers four main template categories: bundler templates (Vite, Webpack, esbuild) for optimized production builds; creation engine for rapid prototyping; framework templates (React, Vue, Svelte) for component-driven apps; and extension templates for building reusable PixiJS plugins. Each template comes preconfigured with the appropriate tooling, dependencies, and example code patterns.
Can I add PixiJS to an existing project without using the CLI?
Yes. pixijs-create supports manual integration into existing projects. Install PixiJS via npm (`npm install pixi.js`), then import it directly in your code. For projects without a bundler, use import maps or CDN links. The skill covers both bundled and unbundled workflows, including Vite configuration for top-level await and other build-specific setup steps.
How do I troubleshoot pixi.js scaffolding issues like Node version or Vite build errors?
pixijs-create addresses common scaffolding problems: verify Node.js meets minimum requirements, use correct npm flags (`--yes` to skip prompts), and resolve Vite build issues (e.g., top-level await compatibility). The skill documents Node version checks, npm/yarn/pnpm compatibility, and Vite configuration fixes to ensure smooth project initialization and dev server startup.
What npm scripts and dev workflow does pixijs-create provide after setup?
pixijs-create scaffolds projects with standard npm scripts: `npm run dev` for hot-reload development server, `npm run build` for production bundles, and `npm run preview` for testing builds locally. The skill explains available scripts, dev server features, and post-scaffold workflow patterns to help you start rendering 2D graphics immediately.
Does pixijs-create support React, Vue, or other frameworks?
Yes. pixijs-create includes framework templates for React, Vue, Svelte, and other popular libraries. During scaffolding, select the framework template option to generate a project that integrates PixiJS with your chosen framework's component model, build tooling, and development patterns.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
create pixi.js is the official CLI for scaffolding a new PixiJS v8 project. Run it with any package manager (npm, yarn, pnpm, bun) and pick a template from the interactive menu, or pass --template to skip prompts. It writes a self-contained project folder; you then cd in, install dependencies, and run the dev script.
Quick Start
Scaffold a new project with interactive
(truncated - see the full file via the links below)
File tree — 1 file
skills/pixijs-create/SKILL.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Set up a new PixiJS v8 project using create-pixi CLI”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
PixiJS is a high-performance 2D rendering engine built for the web. This skill collection guides agents through core PixiJS v8 concepts—from application initialization and scene management to advanced rendering techniques, custom shaders, and optimization strategies. Whether building interactive graphics or migrating from earlier versions, these skills provide structured pathways to solve rendering challenges efficiently.
Master PixiJS Application initialization and renderer configuration for fast 2D graphics across WebGL, WebGPU, and Canvas. This skill covers foundational setup, scene graph structure, sprite and graphics rendering, text display, filter effects, and performance tuning techniques. Ideal for developers building interactive web experiences with PixiJS v8.
This skill equips agents to deploy PixiJS v8 rendering outside traditional browser contexts—including Web Workers, Node.js servers, and server-side rendering pipelines. It covers environment detection, fallback strategies, and configuration patterns needed to initialize and manage the 2D graphics engine across diverse runtime targets.
This skill equips agents with deep knowledge of PixiJS v8's rendering pipeline and core architectural patterns. Learn how the library's renderer abstractions enable efficient 2D graphics across WebGL, WebGPU, and Canvas, plus best practices for scene graph management and performance optimization.
This skill equips developers to build inclusive PixiJS applications by implementing screen reader compatibility and keyboard-driven interaction patterns. Master the accessibility layer for PixiJS v8's 2D rendering engine, ensuring your interactive graphics reach users with assistive technologies.
The pixijs-ticker skill teaches you how to leverage PixiJS's built-in ticker for synchronizing animation frames and game updates. Learn to attach callbacks that fire reliably each frame, manage timing across your scene, and optimize performance in real-time graphics applications.
More skills pixijs-migration-v8 (MIT) · pixijs-rendering (Apache-2.0) · pixijs-2d (MIT) · pixijs-blend-modes (MIT)