Cocos Creator 3.x Debugging: 17 Skills the Gray Screen Won't Tell You About

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/

Enter fullscreen mode Exit fullscreen mode

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