I've been debugging Cocos Creator 3.x for months. The gray screens, the corrupt scenes, the CLI builds that fail with cryptic errors. Each time I fixed one, I wrote a skill for my AI agent so it wouldn't happen again.
Today I'm open-sourcing all 17 of those skills.
The Skills
| # | Skill | Problem It Solves |
|---|---|---|
| 1 | cocos-creator-install-and-debug | Version conflicts & plugin issues on new install |
| 2 | cocos-creator-cli-build-debug | CLI build failures |
| 3 | cocos-nirvana-rebuild-scene | Recover from corrupt scenes (Error 1222/1223) |
| 4 | cocos-gray-screen-debug-flow | Step-by-step gray screen diagnosis |
| 5 | cocos-gray-screen-camera-canvas-fix | Camera config + render texture fixes |
| 6 | cocos-dynamic-ui-panel | Build UI panels in TypeScript, no editor |
| 7 | cocos-dynamic-ui-layer-color-font | Fix gray box UI nodes |
| 8 | cocos-code-driven-scrollview-ui | Scrollable lists in code |
| 9 | cocos-code-driven-ui-common-pitfalls | Coordinate + anchor timing traps |
| 10 | cocos-scene-json-component-binding | Component-scene binding failures |
| 11 | cocos-graphics-visual-prototyping | Zero-asset Graphics prototyping |
| 12 | cocos-graphics-mote-system | Procedural rendering particles |
| 13 | cocos-standalone-test | Test Cocos as HTML, no IDE |
| 14 | cocos-ts-compile-check-sop | TypeScript compile check |
| 15 | cocos-cli-build-automation-setup | GUI-free CI/CD pipeline |
| 16 | cocos-creator-headless-install-scene-patch | Headless mode setup |
| 17 | cocos-creator-scene-less-test-bootstrap | Tests without .scene files |
Quick Start
cp -r skills/* ~/.hermes/skills/
All 17 skills are ready-to-run workflows. Load one into your agent and it knows exactly what to do.
→ GitHub: https://github.com/ChrisLamDev/cocos-creator-debug-skills
Top comments (0)