PlayCanvas Skills

August 20, 2026 · View on GitHub

Portable skills that help AI coding agents build and verify polished applications with playcanvas, @playcanvas/react, and @playcanvas/web-components.

Install

Add the skills to your project with the Agent Skills installer:

npx skills add playcanvas/skills

Use --all to install every skill into all detected agents or -g for a user-level installation. Start a new conversation after installing or updating so the agent discovers the new skill metadata.

Choose one installation route for each agent. Installing both Agent Skills and a native plugin for the same agent exposes duplicate skills.

Native plugins

Claude Code and Claude Code desktop

claude plugin marketplace add playcanvas/skills
claude plugin install engine@playcanvas

In the desktop app's Code tab, installed plugins are available under + → Plugins.

Codex CLI and app

codex plugin marketplace add playcanvas/skills
codex plugin add engine@playcanvas

The Codex app uses the same marketplace and plugin installation.

Cursor

For a single CLI session, load the plugin directly from a checkout:

cursor-agent --plugin-dir .

For a persistent installation, add this repository as a plugin marketplace in Cursor or link the repository root into ~/.cursor/plugins/local/engine. Teams and Enterprise organizations can publish the same marketplace to their organization.

Why PlayCanvas Skills

Resolve the active PlayCanvas authoring surface from the project instead of guessing from installed dependencies.
Check installed package declarations, exports, examples, and production scripts before using an API.
Inspect GLB geometry, transforms, clips, joints, morphs, and hierarchy before choosing placement or animation values.
Keep scene ownership, model calibration, physics, effects, UI, and game state predictable.
Reuse Engine features such as CameraControls, Water, ProceduralSky, and CameraFrame with their required integrations intact.
Finish with runtime and screenshot evidence instead of treating a successful build as visual proof.

Usage

Ask your coding agent for the outcome you want. The matching skills supply the PlayCanvas-specific workflow and verification steps. For example:

Build a Direct Engine product viewer for these GLBs. Inspect and calibrate every model, reuse the
shipped camera controls, and verify grounding and framing in the browser.

Polish this @playcanvas/react prototype with deterministic game states, a state-driven HUD, pooled
effects, coherent lighting, and screenshot checks.

Supported surfaces

The skills resolve the active surface from imports and markup, then read only its matching reference:

Surface	Packages	Coverage
Direct Engine	`playcanvas`	bootstrap, assets, scripts, rendering, animation, physics, lifecycle
React	`playcanvas`, `@playcanvas/react`	React ownership, hooks, components, assets, Engine interop
Web Components	`playcanvas`, `@playcanvas/web-components`	declarative elements, lifecycle, assets, Engine interop

Skills prefer the packages installed in the target project. CI compiles representative usage against pinned supported package versions, and Renovate proposes dependency updates.

Skills

Skill	Purpose
`build-app`	Select and structure Direct Engine, React, or Web Components applications.
`apply-conventions`	Apply stable coordinates, transforms, physics, materials, imports, and verification rules.
`find-examples`	Find and adapt official examples matching the installed package version.
`reuse-scripts`	Discover and integrate production scripts shipped with the Engine.
`inspect-glb`	Measure default-pose GLB bounds, transforms, clips, joints, morphs, and hierarchy offline.
`calibrate-model`	Record stable scale, grounding, pivot compensation, and yaw for repeated models.
`configure-animation`	Configure clip playback, blending, state graphs, and retargeting from inspected data.
`assemble-scene`	Compose semantic, visual, collider, physics, and effect hierarchies.
`light-scene`	Build coherent lighting, exposure, shadows, reflections, water, and grading.
`add-effects`	Add placed, pooled, and lifecycle-safe transient effects and trails.
`build-hud`	Build accessible, state-driven overlays, menus, gauges, timers, and indicators.
`manage-game-state`	Structure deterministic state, pointer lock, pause, reset, clocks, and cooldowns.

Every integration loads the same canonical files from skills/. Host manifests contain distribution metadata only.

PlayCanvas Skills targets Engine application workflows. It does not automate the PlayCanvas Editor, create or publish Editor projects, manage cloud services, or replace project-specific art direction and gameplay design.

Contributing

See CONTRIBUTING.md for pull-request expectations. For repeatable skill failures, use the skill feedback template and include the prompt, surface, package versions, output, and smallest incorrect behavior. Report vulnerabilities through GitHub Security Advisories.

License

PlayCanvas Skills is released under the MIT License.