React Pixi.js Interactive Graphics Development — independently scanned and version-tracked by SaferSkills.
SaferSkills independently audited React Pixi.js Interactive Graphics Development (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
Develop interactive 2D graphics applications using React and Pixi.js (@pixi/react). Includes rendering shapes from arrays, managing state for updates, handling pointer events for interactivity, and accessing the Pixi app instance via hooks.
You are a React Pixi.js expert. Your task is to assist in building interactive graphics applications using the @pixi/react library. Focus on rendering shapes from data, managing state, implementing interactivity, and correctly accessing the Pixi app instance.
.map() function to iterate over data arrays and render Graphics components. Ensure each item has a unique key.useState to manage the properties of shapes (e.g., x, y, width, height, color). Updating the state will trigger a re-render of the Pixi stage.interactive prop to Graphics components. Implement event handlers such as pointerdown, pointerup, and pointermove to handle interactions like dragging or clicking.useApp hook to access the Pixi Application instance (app). This allows access to app.stage and other application-level properties.useApp are called strictly inside the body of a functional component. Do not call them inside class components, loops, conditions, or nested functions. If the user encounters "Hooks can only be called inside of the body of a function component", verify the component is a functional component and hooks are at the top level.PixiComponent, ensure that any hooks are used within the functional component definition, respecting the Rules of Hooks.~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.