skills.rest
JasonXuDeveloper
JasonXuDeveloperCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

editor-ui

Provide themed Unity Editor UI components for consistent tool styling.

2.2k|349|Updated Jul 14, 2020
Search Tags:#theming#unity#ui-kit#editor-ui#UIElements#editor-windows
One-click install
npx skills add https://github.com/JasonXuDeveloper/JEngine --skill editor-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: editor-ui
Source: https://github.com/JasonXuDeveloper/JEngine/tree/main/.claude-plugin/skills/editor-ui
Command: npx skills add https://github.com/JasonXuDeveloper/JEngine --skill editor-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a modern, themed UI component library for Unity Editor that enables consistent styling across inspectors, editor windows, and custom tools.

Core Features & Use Cases

  • Button components (JButton, JIconButton, JToggleButton, JButtonGroup) for themed actions
  • Layout primitives (JStack, JRow, JCard, JSection) to compose editor UI
  • Form controls (JTextField, JDropdown, JToggle, JObjectField, JFormField) with styling
  • Feedback and status (JProgressBar, JStatusBar, JLogView) for runtime/editor feedback
  • Navigation (JBreadcrumb, JTabView) for complex editor tools
  • Design Tokens and JTheme utilities for theming and consistency
  • Rich examples and enums for quick adoption

Quick Start

Create a new EditorWindow and build a themed UI by composing JStack, JSection, and JButtonGroup in CreateGUI. Start from a simple inspector by placing a JFormField with a JTextField, a JDropdown, and a JToggle, then apply Tokens for dark/light theming and JTheme utilities for consistent styling.

Frequently Asked Questions about editor-ui

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

FAQPage Schema
How do I create custom Unity Editor windows with consistent UI theming?▼

You can create custom Unity Editor windows with consistent UI theming by composing layout primitives like JStack and JSection with JButtonGroup in CreateGUI. Design tokens and JTheme utilities provide consistent dark and light styling across all custom tooling.

Can I use themed form controls in Unity custom inspectors?▼

Yes, you can build themed Unity custom inspectors by placing JFormField components alongside JTextField, JDropdown, and JToggle. These form controls include built-in styling to ensure visual consistency across your editor tooling.

What's the best way to add navigation and progress feedback to editor tooling in Unity?▼

The best way to add navigation and feedback to Unity editor tooling is using components like JBreadcrumb and JTabView for navigation, alongside JProgressBar, JStatusBar, and JLogView to display runtime or editor status updates.

Does this Unity UI kit support both light and dark mode theming?▼

Yes, this Unity UI kit supports both light and dark mode theming through design tokens and JTheme utilities. These allow you to apply consistent styling and color schemes across custom inspectors, windows, and tools.

What components are available for building editor tooling layouts in Unity?▼

Available layout components for Unity editor tooling include JStack, JRow, JCard, and JSection for composing interfaces. You can combine these primitives with button components like JButton and JToggleButton to structure your custom tools.

Why are my custom Unity EditorWindow styles inconsistent across different tools?▼

Custom Unity EditorWindow styles become inconsistent without a shared theming system. Using a cohesive UI component library with design tokens and JTheme utilities standardizes styling across all custom inspectors, windows, and tools.

Related Skills

Explore More Software Engineering Skills→
luxuialuxuia

editor-ui

Create Unity Editor interfaces with reusable themed UI components.

Community
Intermediate
akiojinakiojin
32

unity-editor-imgui-design

Design Unity Editor IMGUI interfaces for EditorWindow, Custom Inspector, and Property Drawer tooling.

Community
Advanced
bomberoxenviosdosruedasbomberoxenviosdosruedas

agency-unity-editor-tool-developer

Automate Unity Editor tasks, asset management, and build validation.

Community
Advanced
Nice-Wolf-StudioNice-Wolf-Studio
24

unity-editor-tools

Create custom Unity Editor inspectors, windows, and menu items.

Official
Intermediate