skills.rest
moongci38-oss
moongci38-ossCOMMUNITY
Explore all skills by this author →
GitHub

asset-extract

Extract game assets from UI screenshots as transparent PNGs.

Updated Jun 3, 2026
Search Tags:#game development#image processing#asset extraction#template matching#UI segmentation
One-click install
npx skills add https://github.com/moongci38-oss/forge-plugins --skill asset-extract
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: asset-extract
Source: https://github.com/moongci38-oss/forge-plugins/tree/main/forge-game/skills/asset-extract
Command: npx skills add https://github.com/moongci38-oss/forge-plugins --skill asset-extract

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires rembg, opencv-python-headless, imagehash, pip install rembg, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the process of extracting game assets from UI screenshots, converting them into game-ready images, and handling edge cases like object detection and segmentation.

Core Features & Use Cases

  • Asset Extraction: Extract backgrounds, buttons, and components from UI screenshots as transparent PNGs.
  • Object Detection: Detect and segment buttons and components using template matching and segmentation.
  • Use Case: Quickly transform UI screenshots into assets for game development, with the ability to extract specific elements like buttons and backgrounds.

Quick Start

Extract assets from the screenshot 'ui-screen.png' and save them to the 'extracted-assets' directory.

Frequently Asked Questions about asset-extract

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

FAQPage Schema
How do I extract game assets from UI screenshots?▼

To extract game assets from UI screenshots, this Skill uses nanobanana inpainting and SAM2 segmentation to isolate backgrounds and components. It processes the screenshots and outputs game-ready transparent PNGs for your development workflow.

What is template matching used for when detecting UI components?▼

Template matching is used for object detection to automatically identify and segment specific UI components like buttons within screenshots. It allows the segmentation process to locate and extract individual elements precisely.

Do I need rembg and opencv-python-headless installed to process images?▼

Yes, you need rembg, opencv-python-headless, and imagehash installed to process images. These libraries are required dependencies for handling background removal and image segmentation during asset extraction.

Can I use this to extract backgrounds and buttons as transparent PNGs?▼

Yes, you can extract both backgrounds and buttons as transparent PNGs. The Skill handles component extraction from UI screenshots, ensuring the resulting game assets are high-quality and game-ready.

What's the best way to handle object detection and segmentation for game development?▼

The best way to handle object detection and segmentation for game development is using a workflow that combines nanobanana inpainting with SAM2 segmentation. This approach manages edge cases and converts UI screenshots into usable assets.

Related Skills

Explore More Software Engineering Skills→
Mo7amed-MahmoudMo7amed-Mahmoud

photo-editor

Automate image editing workflows with resizing, cropping, filtering, and optimization.

Community
Intermediate
Exia-thdExia-thd

game-asset-vfx

Generate layered sprites and VFX for Phaser 3 HTML5 Canvas games.

Community
Advanced
wsxwj123wsxwj123
7

hivision-idphotos

Automate ID photo matting, background replacement, cropping, and layout generation.

Community
Advanced
guccangguccang
3

segment-anything-model

Segment objects from images using point prompts, boxes, or automatic mask generation.

Community
Advanced