playcanvas-engine

playcanvas-engine is a development skill for building browser-based games and interactive 3D applications with PlayCanvas, a lightweight WebGL/WebGPU game engine that uses entity-component architecture and offers visual editor integration. It helps developers who want game-specific features and an editor-first workflow, positioning PlayCanvas against alternatives like Three.js (lower-level), Babylon.js (heavier), and A-Frame (VR-focused, declarative).

The SKILL.md walks through the engine's core concepts: creating the root Application and rendering loop, the entity-component system, the update/prerender/postrender event loop, and core components (model, camera, light, rigidbody, and collision for physics). It provides common patterns such as full scene setup with camera, light, and models. The skill bundles extensive supporting material: a detailed API reference, an editor-workflow guide, an optimization guide, example patterns, a starter PlayCanvas project (HTML, CSS, camera-controller, input-manager, and app scripts), and Python helpers including a component builder and a project generator.

It targets game developers and web engineers building performance-critical 3D browser experiences, real-time rendering applications, and editor-driven projects. Typical use cases include 3D browser games, interactive product or architectural visualizations, and physics-based simulations. All content is standard front-end and game-engine development guidance with no security-relevant behavior.