PixiJS is a tool for drawing 2D graphics on the web. Normally it needs a browser window with a Document Object Model (DOM). This skill shows how to make PixiJS work in other places like Web Workers, Node.js servers, or pages with strict security rules. You can run graphics without a full browser environment.
Developers who build games, data visualizations, or server-side rendering will find this useful. The key is the DOMAdapter class. It lets you swap out how PixiJS accesses the DOM. You can use the WebWorkerAdapter to work with OffscreenCanvas in a worker thread. You can also use pixi.js/unsafe-eval for pages that block certain JavaScript functions.
This skill covers setting up adapters, using environment-specific imports, and handling Content Security Policy (CSP). It helps you take PixiJS beyond the browser into new platforms.
Global
mkdir -p ~/.claude/skills/pixijs-environmentsProject
mkdir -p .claude/skills/pixijs-environmentsSource Repository
Frontend Designanthropics/skills
Create striking frontend interfaces with bold design and polished code every time
Vercel React Best Practicesvercel-labs/agent-skills
Optimize React and Next.js apps using proven Vercel performance guidelines
Vercel Composition Patternsvercel-labs/agent-skills
Clean React components with composition instead of boolean props
Shadcnshadcn/ui
Manage shadcn UI components easily with CLI commands and clear styling rules
Design Taste Frontendleonxlnx/taste-skill
Enforce premium frontend design with metric-based rules and smart component architecture
Impeccablepbakaus/impeccable
Polish your frontend interfaces with expert design critique and code
Minimalist Uileonxlnx/taste-skill
Build warm minimal web interfaces with editorial typography and flat bento grids
Industrial Brutalist Uileonxlnx/taste-skill
Raw mechanical UIs fusing Swiss print with military terminal aesthetics and high data density