Skills
Reusable skills for AI coding agents working with PlayCanvas products
Install
npx skills add playcanvas/skillsInstall command taken from the project's README or registry entry. Always review code before running it.
README excerpt
Read full README on GitHub →PlayCanvas Skills
| Skills.sh | Developer Site | Engine Manual | API Reference | Examples | Forum |
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 playcanvas@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 playcanvas@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/playcanvas. 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 app state predictable.
- Reuse Engine features such as
CameraControls,Water,ProceduralSky, andCameraFramewith 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 compressed assets, reused Engine scripts, pooled
effects, deliberate lighting and tone mapping, and screenshot checks.
Supported surfaces
The skills resolve the active surface from imports and markup, then read only its matching reference:
Similar plugs
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Cursor, Codex, and Gemini CLI: local…
Why use many token when few token do trick. Viral skill + proxy for coding agents that cuts 65% of tokens by talking like a caveman.
The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create prototypes, websites, apps, dashboards, presentations, images, and videos with your team…