cocos-screenshot

Capture the Cocos Creator Editor window as a PNG via PowerShell.

3|Updated Mar 6, 2026

Search Tags:#editor #screenshot #powershell #cocos #windows-api #ui-debug #visual-diagnosis

Ready to run

npx skills add https://github.com/eaglhuang/cocos_new --skill cocos-screenshot

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: cocos-screenshot
Source: https://github.com/eaglhuang/cocos_new/tree/main/.agents/skills/cocos-screenshot
Command: npx skills add https://github.com/eaglhuang/cocos_new --skill cocos-screenshot

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill captures the current Cocos Creator Editor window as a PNG to help document exactly what is visible, enabling quick visual defect analysis.

Core Features & Use Cases

Snapshot the Editor window to PNG to capture visual symptoms when the target screen is open in Cocos Editor / Editor Preview.
Distinguish between editor-visual issues and browser-driven QA by clarifying this tool only captures the Editor view, not browser pages.
Use in debugging workflows to verify UI layouts, missing assets, or runtime errors by direct visual inspection.

Quick Start

Open the target content in the Cocos Editor and run the cocos-screenshot skill to capture the visible Editor window as a PNG.

Frequently Asked Questions about cocos-screenshot

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I capture a screenshot of the Cocos Creator Editor window as a PNG?▼

To capture a Cocos Creator Editor screenshot as a PNG, open your target content in the Editor and run the skill. It uses PowerShell and the PrintWindow API on Windows to locate the Editor window and save the visible view as a PNG file.

Can I use PowerShell to take a Cocos Editor screenshot for UI debugging?▼

Yes, you can use PowerShell to take a Cocos Editor screenshot for UI debugging. The skill leverages PowerShell with the PrintWindow API to capture the exact Editor view, helping you verify UI layouts and inspect visual defects directly.

Does the Cocos Creator screenshot tool work for browser QA and automated image pipelines?▼

No, the Cocos Creator screenshot tool does not work for browser QA or automated image pipelines. It is specifically designed to capture the Editor window view for visual diagnostics, assuming the target content is already opened within the Cocos Editor or Editor Preview.

What do I need to set up before taking a visual diagnosis snapshot of the Cocos Editor?▼

Before taking a visual diagnosis snapshot of the Cocos Editor, you need a Windows-based workflow with PowerShell. You must also open the target content directly in the Cocos Creator Editor or Editor Preview to ensure the visible window contains the intended UI elements.

Why use the PrintWindow API instead of standard Windows screenshot methods for Cocos Editor?▼

Using the PrintWindow API for Cocos Editor screenshots ensures accurate capture of the specific Editor window even if it is partially obscured. This approach provides reliable visual diagnostics of the Editor view without capturing the entire desktop environment.