{"slug": "cocos-creator-3-x-debugging-17-skills-the-gray-screen-won-t-tell-you-about", "title": "Cocos Creator 3.x Debugging: 17 Skills the Gray Screen Won't Tell You About", "summary": "A developer has open-sourced 17 debugging skills for Cocos Creator 3.x, addressing common issues like gray screens, corrupt scenes, and CLI build failures. The skills are designed as ready-to-run workflows for AI agents, available on GitHub.", "body_md": "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.\n\nToday I'm open-sourcing all 17 of those skills.\n\n| # | Skill | Problem It Solves |\n|---|---|---|\n| 1 | cocos-creator-install-and-debug | Version conflicts & plugin issues on new install |\n| 2 | cocos-creator-cli-build-debug | CLI build failures |\n| 3 | cocos-nirvana-rebuild-scene | Recover from corrupt scenes (Error 1222/1223) |\n| 4 | cocos-gray-screen-debug-flow | Step-by-step gray screen diagnosis |\n| 5 | cocos-gray-screen-camera-canvas-fix | Camera config + render texture fixes |\n| 6 | cocos-dynamic-ui-panel | Build UI panels in TypeScript, no editor |\n| 7 | cocos-dynamic-ui-layer-color-font | Fix gray box UI nodes |\n| 8 | cocos-code-driven-scrollview-ui | Scrollable lists in code |\n| 9 | cocos-code-driven-ui-common-pitfalls | Coordinate + anchor timing traps |\n| 10 | cocos-scene-json-component-binding | Component-scene binding failures |\n| 11 | cocos-graphics-visual-prototyping | Zero-asset Graphics prototyping |\n| 12 | cocos-graphics-mote-system | Procedural rendering particles |\n| 13 | cocos-standalone-test | Test Cocos as HTML, no IDE |\n| 14 | cocos-ts-compile-check-sop | TypeScript compile check |\n| 15 | cocos-cli-build-automation-setup | GUI-free CI/CD pipeline |\n| 16 | cocos-creator-headless-install-scene-patch | Headless mode setup |\n| 17 | cocos-creator-scene-less-test-bootstrap | Tests without .scene files |\n\n```\ncp -r skills/* ~/.hermes/skills/\n```\n\nAll 17 skills are ready-to-run workflows. Load one into your agent and it knows exactly what to do.\n\n→ **GitHub**: [https://github.com/ChrisLamDev/cocos-creator-debug-skills](https://github.com/ChrisLamDev/cocos-creator-debug-skills)", "url": "https://wpnews.pro/news/cocos-creator-3-x-debugging-17-skills-the-gray-screen-won-t-tell-you-about", "canonical_source": "https://dev.to/chrislamdev/cocos-creator-3x-debugging-17-skills-the-gray-screen-wont-tell-you-about-4bn8", "published_at": "2026-07-04 01:58:14+00:00", "updated_at": "2026-07-04 02:48:47.930052+00:00", "lang": "en", "topics": ["developer-tools", "ai-agents"], "entities": ["Cocos Creator", "GitHub", "ChrisLamDev"], "alternates": {"html": "https://wpnews.pro/news/cocos-creator-3-x-debugging-17-skills-the-gray-screen-won-t-tell-you-about", "markdown": "https://wpnews.pro/news/cocos-creator-3-x-debugging-17-skills-the-gray-screen-won-t-tell-you-about.md", "text": "https://wpnews.pro/news/cocos-creator-3-x-debugging-17-skills-the-gray-screen-won-t-tell-you-about.txt", "jsonld": "https://wpnews.pro/news/cocos-creator-3-x-debugging-17-skills-the-gray-screen-won-t-tell-you-about.jsonld"}}