SkillFoxx

LGUI plugin

A plugin for building game UI in the browser without an engine: layout, TypeScript code and export to Unity.

  • 131 ★ on the repository
  • Last commit
Plugin

Extended access

Why this level

  • The plugin creates a project and starts a local preview server, and commands run as you.
All reasons and checks

lumiogames/lguiAuthor:LumioGames

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add plugins/lgui

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Extended accessThe tool runs code or makes network calls and only reads external data.

  • The plugin creates a project and starts a local preview server, and commands run as you.

This is third-party code. Review the repository files before installing.

What it does

LGUI is a game UI framework for agents. Screens live in the `ui/` folder in FairyGUI format, logic is written in TypeScript with MVC, and the preview opens in the browser. When the interface is ready, `lgui unity export` moves the same layout and code into Unity with no changes to game code. The plugin includes `lgui doctor`, `lgui init`, `lgui dev`, `lgui verify` and a visual editor `lgui editor`. Landscape and portrait layouts, safe areas, localization, drag and drop and window layers are covered. The agent can generate art as a single grid and cut it with `lgui art split`. Installing needs Node.js 24 and Chrome or Edge.

Who it is for. Game developers and UI designers who want an agent to carry a screen to Unity instead of assembling it by hand in an editor.

Good fit when

  • A prototype image must become a working inventory screen with landscape and portrait versions.
  • Game UI is verified through screenshots with `lgui verify` without launching an engine.
  • Localization must be prepared and long strings tested with pseudo-translation.
  • A finished screen is exported into a Unity project with one command.

Not a fit when

  • The game uses another engine: only web and Unity backends exist now.
  • The UI is for an ordinary website or app, not a game.
  • The PolyForm Shield license does not fit your commercial project.

Example request

Use LGUI to build a store screen with a product grid that works in landscape and portrait.

Limitations

Two backends exist now, web and Unity; other engines need your own adapter. It requires Node.js 24 or newer and Chrome or Edge. The PolyForm Shield license with extra terms restricts competing use, so read it before commercial use. Version 0.3.0 is young and the command interface may change. Documentation is mostly Chinese with an English README. The plugin skills are only picked up in a new agent session after installing.

How to disable. Remove the plugin with the plugin manager (`claude plugin uninstall lgui@lumio-lgui`). Project files in `ui/` remain.

FAQ

What games does it suit?

UIs in FairyGUI format: screens, windows, lists, tooltips. The result can be shown in the browser or exported to Unity.

How do I install in Codex?

`codex plugin marketplace add LumioGames/LGUI`, then `codex plugin add lgui@lumio-lgui`. Other clients clone the repository and use the `plugin/` directory.

Do I need Unity installed?

No. Development happens in the browser; Unity is only for the final export with `lgui unity export`.

How does verification work?

`lgui verify` captures UI screenshots in the browser in both orientations so the agent sees the result.

Can art be generated by a model?

Yes: the agent draws a whole grid, and `lgui art split` and `lgui art cut` slice it into elements with one style.

Discussion

No questions or reviews yet.

Plugins

PromptUGUI gives agents a concise XML language for Unity interfaces and a set of skills so they build uGUI from text.

SkillExtended access93
Official

An MCP server and plugin to build UI with the agent: curated design systems, UI prompts and layout variations

MCP serverExtended access2.2K

Game UI Design Workflow skills give Cursor rules for approving game screens and handing their graphics over to an engine.

SkillExtended access430

The building-ui skill opens an editable UI mock: you change it directly, then the agent implements it with TDD.

PluginExtended access82

A skill and CLI for agents: UI without the templated look, 25 commands, rule-based anti-slop checks and a 0 to 100 quality score

SkillExtended access452

A UI design skill: three genuinely different directions side by side, one chosen and refined against real screenshots in agents like Claude Code

SkillExtended access3.2K

README in short

The README presents a UI framework for agents, gives agent-facing install steps, shows an online inventory demo and lists features by section.

README badge

Report a problem