PixiJS lets you draw custom shapes with meshes. You can use a base Mesh for full control or pick a ready-made variant. The variants are MeshSimple, MeshPlane, MeshRope, and PerspectiveMesh. Each one builds the geometry for you. You just provide a texture and set the options.
Use MeshSimple for simple animated shapes. Use MeshPlane to bend and deform a textured rectangle. Use MeshRope to make a texture follow a path. Use PerspectiveMesh to give a 2D plane a fake 3D tilt. For anything else, build your own geometry with the base Mesh class.
These meshes are leaf nodes. They cannot have children. Wrap them in a Container to group them together.
Global
mkdir -p ~/.claude/skills/pixijs-scene-meshProject
mkdir -p .claude/skills/pixijs-scene-meshSource 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