Skill File

F8 Editor Ui Workflow

Name: F8 Editor Ui Workflow
Author: TippingGame

Use when working with UI editor tools — sprite slicing, atlas tools, safe area setup, BaseView template creation, and UI utility components in F8Framework.

TippingGame855 starsApr 1, 2026

Occupation
Categories: IDE Plugins

Skill Content

UI Editor Workflow

Use this skill when

The task involves UI editor tools like sprite slicing, atlas management, or template creation.
The user asks about nine-patch auto-slicing, atlas cutting, or image size optimization.

Path resolution

Editor code: Assets/F8Framework/Editor/UI

Sources of truth

Editor module: Assets/F8Framework/Editor/UI
Test docs: Assets/F8Framework/Tests/UI/README.md

Key editor features

Feature	Description
Nine-Patch Auto-Slice	Automatically cuts middle uniform color area to reduce image size

Related Skills

F8 Editor Ui Workflow | Skills Pool

Error	Cause	Solution
Atlas slice fails	Read/Write not enabled or not pre-sliced	Enable Read/Write, set compression to None, slice in Sprite Editor
BaseView already exists	Duplicate script generation	Delete old script or rename

F8 Editor Ui Workflow

UI Editor Workflow

Use this skill when

Path resolution

Sources of truth

Key editor features

F8 Editor Ui Workflow

UI Editor Workflow

Use this skill when

Path resolution

Sources of truth

Key editor features

Workflow

Common error handling

Output checklist

Coding Agent (bash-first)

Install Vscode Extension

Launch

Agent Customization

Init

Launch