ui-asset-slice-pipeline
CommunityAutomate UI asset slicing and post-processing.
System Documentation
What problem does it solve?
This Skill bundles the end-to-end workflow to slice UI assets, auto-classify, pick high-confidence slices, separate provisional temp slices, and post-process assets for tooling pipelines. It eliminates manual, multi-tool steps by providing a consolidated pre-processing pipeline for panel, cap, badge, glyph, and related UI slices from a full-page UI image.
Core Features & Use Cases
- Full slice + auto-classify + auto-pick from a source image or folder.
- Targeted cropping for GeneralDetail header caps.
- Backgound removal and transparent trimming to prep assets for runtime use.
- Post-process integration and batch readiness for task runners.
- Recommended workflows: Path A (full-page to selected), Path B (header caps), Path C (selected-to-postprocess wrapper) to fit different design pipelines.
Quick Start
Provide an input image or folder and choose full-slice or targeted crop, then run the UI Asset Slice Pipeline to generate temp and selected outputs ready for post-processing.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ui-asset-slice-pipeline Download link: https://github.com/eaglhuang/cocos_new/archive/main.zip#ui-asset-slice-pipeline Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.