What is the purpose of the ComponentEditorRegistry wrapper?

The ComponentEditorRegistry.DrawComponent wrapper ensures every component editor has a consistent visual style, including collapsible tree nodes, standardized padding, and a built-in remove component button.

How does the toolkit handle vector properties like Position or Scale?

It uses the VectorPanel utility which provides specific methods for Vector2 and Vector3, featuring color-coded axis buttons (X=Red, Y=Green, Z=Blue) and support for default reset values.

What is the recommended pattern for modifying component data?

The toolkit recommends the 'Copy-Modify-Assign' pattern: copy the value to a temporary variable, modify it via the UI control, check if it differs from the original, and then assign it back to the component.

How are new component editors integrated into the engine?

Editors are registered in the Dependency Injection (DI) container as singletons and then added to the ComponentEditorRegistry dictionary to be automatically rendered in the Properties panel.

ECS Component Editor Toolkit

Name: ECS Component Editor Toolkit
Author: kateusz

bykateusz

•

Game Development

Simplifies the creation of ECS component editors using standardized UI patterns, property rendering utilities, and change detection logic.

The ECS Component Editor Toolkit provides a specialized framework for building property editors within a custom game engine. It guides developers through implementing the IComponentEditor interface, utilizing the ComponentEditorRegistry for consistent UI framing, and leveraging specialized tools like VectorPanel for axis-colored vector inputs. This skill ensures that all component editors follow the engine's architectural requirements, including dependency injection registration and the Copy-Modify-Assign pattern for robust state management.

Key Features

01Specialized Vector2/Vector3 controls with RGB axis color-coding and reset buttons

027 GitHub stars

03Standardized UI wrapping with ComponentEditorRegistry for consistent styling and functionality

04Structured patterns for manual and automatic change detection in ECS components

05Dependency injection integration for registering new editors into the engine core

06Automatic primitive property rendering for int, float, bool, and string types

Use Cases

01Implementing color-coded vector controls for Transform or Camera components

02Building a custom properties panel for a new gameplay or physics component

03Creating dropdown selection menus for component-specific enums or modes

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kateusz/gameengine editor-component-editors

For use in Claude.ai and ChatGPT

Download Skill