{"enrichment":{"faq":[{"a":"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.","q":"How do I create a new PixiJS v8 project using create-pixi?"},{"a":"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.","q":"What templates are available when scaffolding with pixijs-create?"},{"a":"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.","q":"Can I add PixiJS to an existing project without using the CLI?"},{"a":"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.","q":"How do I troubleshoot pixi.js scaffolding issues like Node version or Vite build errors?"},{"a":"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.","q":"What npm scripts and dev workflow does pixijs-create provide after setup?"},{"a":"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.","q":"Does pixijs-create support React, Vue, or other frameworks?"}],"shadow_tags":["project-scaffolding","cli-tool","bundler-agnostic","framework-integration","template-system","dev-environment","package-manager-support","game-starter","typescript-javascript","production-build"],"summary_rewrite":"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."},"files":[{"bytes":9530,"path":"skills/pixijs-create/SKILL.md","sha256":"9b1d9f36fbe2ebc52a47d5ec362e3835ddb52e113995edc2bd1e487a38bb31c6","url":"https://skillfed.io/files/pixijs/pixijs-skills/pixijs-create/3eeb693c/SKILL.md"}],"id":"pixijs/pixijs-skills/pixijs-create","links":{"html":"https://skillfed.io/pixijs/pixijs-skills/pixijs-create","md":"https://skillfed.io/pixijs/pixijs-skills/pixijs-create.md","repo":"https://github.com/pixijs/pixijs-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":16,"language":null,"last_updated":"2026-06-04","license":"MIT","name":"pixijs-create","publisher":"pixijs","stars":293},"relations":{"similar":[{"id":"pixijs/pixijs-skills/pixijs"},{"id":"pixijs/pixijs-skills/pixijs-environments"},{"id":"pixijs/pixijs-skills/pixijs-core-concepts"},{"id":"pixijs/pixijs-skills/pixijs-application"},{"id":"pixijs/pixijs-skills/pixijs-accessibility"},{"id":"pixijs/pixijs-skills/pixijs-ticker"},{"id":"pixijs/pixijs-skills/pixijs-migration-v8"},{"id":"gamedev-skills/awesome-gamedev-agent-skills/pixijs-rendering"},{"id":"freshtechbro/claudedesignskills/pixijs-2d"},{"id":"pixijs/pixijs-skills/pixijs-blend-modes"}]},"slug":{"owner":"pixijs","repo":"pixijs-skills","skill":"pixijs-create"},"version":"3eeb693c"}