Wrap ImGui calls with reusable Drawer components for consistent editor UI.
npx skills add https://github.com/kateusz/GameEngine --skill editor-ui-drawers
Please help me install this Agent Skill. Skill: editor-ui-drawers Source: https://github.com/kateusz/GameEngine/tree/main/.claude/skills/editor-ui-drawers Command: npx skills add https://github.com/kateusz/GameEngine --skill editor-ui-drawers
This Skill provides a comprehensive guide for using the editor's UI Drawers (ButtonDrawer, ModalDrawer, TableDrawer, TreeDrawer, LayoutDrawer, TextDrawer, DragDropDrawer). It ensures consistent styling, behavior, and adherence to EditorUIConstants across all editor panels, eliminating the need for manual, inconsistent ImGui code.
ButtonDrawer.ModalDrawer.TableDrawer) and hierarchical trees with selection (TreeDrawer).LayoutDrawer), and semantic colored text (TextDrawer).DragDropDrawer.AssetBrowserPanel, use TableDrawer to display asset lists, ButtonDrawer for import/export actions, ModalDrawer for delete confirmations, and DragDropDrawer to allow users to drag assets into the scene.Show me how to create a full-width 'Save' button and a confirmation modal for a 'Delete' action using the UI Drawers.
High-intent search queries and answers about installing and using this skill.
Editor UI Drawers wrap ImGui calls and enforce EditorUIConstants for sizing, spacing, and colors across all panels. Use ButtonDrawer, ModalDrawer, TableDrawer, TreeDrawer, LayoutDrawer, TextDrawer, and DragDropDrawer to maintain consistency and eliminate manual ImGui inconsistencies.
ButtonDrawer supports 11+ button types including standard, colored, icon, toggle, and modal variants. ModalDrawer provides 5 modal types: confirmation, input, message, list selection, and custom dialogs for common editor workflows.
TableDrawer renders sortable tables with header controls; TreeDrawer displays hierarchical data with selection support. Both apply consistent styling through EditorUIConstants and integrate seamlessly with other Drawer components for cohesive panel layouts.
Yes, DragDropDrawer handles file drag-and-drop with built-in validation. It enforces consistent visual feedback and integrates with other Drawers to enable workflows like dragging assets into scenes while maintaining UI standards.
Combine ButtonDrawer for actions, TableDrawer for asset lists, and ModalDrawer for confirmations. Each Drawer applies EditorUIConstants automatically, eliminating layout boilerplate and ensuring uniform appearance across your new panel.
No. Drawers abstract ImGui calls entirely through a high-level API. They enforce the never-use-raw-ImGui principle while handling sizing, spacing, colors, and interactions, so you focus on panel logic rather than low-level rendering.
kateuszCreate ImGui editor panels with DryIoc DI and UI Elements.
kateuszBuild editor panels using reusable ImGui drawers and EditorUIConstants.
akiojinDesign Unity Editor IMGUI interfaces for EditorWindow, Custom Inspector, and Property Drawer tooling.
babuallyConfigure Tailwind CSS v4 styling for React Native and Expo applications.