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
Install
pixijs/pixijs-skills/pixijs-create
git clone https://github.com/pixijs/pixijs-skills
cp -r pixijs-skills/skills/pixijs-create ~/.claude/skills/pixijs-createFrequently 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)
Read as markdown · JSON record · Browse the source repository
File tree — 1 file
skills/pixijs-create/SKILL.md