godot-ui-integration skill
A Codex skill for moving an approved interface mockup into Godot scenes, verifying that the runtime result matches the reference.
- 344 ★ on the repository
- Last commit
- MIT
Minimal access
Why this level
- The skill edits Godot scenes and resources and runs local image-processing scripts
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/godot-ui-integrationDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The skill edits Godot scenes and resources and runs local image-processing scripts
This is third-party code. Review the repository files before installing.
What it does
godot-ui-integration turns an approved design into `.tscn` scenes visible and editable in the Godot editor and wires up behavior: navigation, data, focus and persistent selection. Static art is kept apart from dynamic text and state, and the mockup's composition is preserved instead of being replaced with generic panels. `SKILL.md` holds routing, invariants and the completion gate, and `references/strict-reference-parity.md` the stricter contract for pixel-close work. Scripts check transparency and bounds, build contact sheets of candidates, compare a screenshot with the reference by overlay and difference, find stretched texture controls and remove white backgrounds.
Who it is for. Godot game developers who received screen mockups from a designer and need a working interface without hand-building each scene.
Good fit when
- A main-menu mockup must be reproduced as scenes with exact composition.
- A game screenshot differs from the reference and the differences need locating.
- Interface images arrived with a white background and need transparency.
- Stretched textures must be found in finished scenes.
Not a fit when
- There are no approved mockups and the interface is being invented.
- You need gameplay code, not interface.
- The project is not on Godot.
Example request
Use $godot-ui-integration to implement this approved UI in Godot and verify runtime visual parity.Limitations
The skill is written for Codex. The scripts need Python and the dependency from `requirements.txt`. Accuracy checking depends on the quality of reference shots and is performed by scripts, not a person. The last commit is dated August 2026. The skill drives implementation and checking but does not produce the artwork: approved images and mockups are required as input. If something misbehaves, check the README and the repository's open discussions.
How to disable. Delete the `~/.codex/skills/godot-ui-integration/` folder. Scenes the skill created remain in the Godot project.
FAQ
Which scripts are included?
Transparency checks, contact sheets, reference comparison, stretched-texture detection and white-background removal.
Why the strict mode?
For pixel-close work: the contract in `references/strict-reference-parity.md` stops a plausible but inexact screenshot from being accepted.
How do I invoke the skill?
Name it explicitly or ask Codex to implement an approved interface in Godot.
Why `.tscn` scenes?
So screens are visible and editable in the editor rather than created only by code at launch.
Which Python is needed?
Any that can install the `requirements.txt` dependencies for the image audit scripts.
Discussion
No questions or reviews yet.
Related
SkillsGame UI Design Workflow skills give Cursor rules for approving game screens and handing their graphics over to an engine.
A skill that bans the stock AI interface with floating cards, gradients and glass and sets plain sizes, radii and shadows like Linear
A skill for interfaces without the generic AI look: typography, color, motion, component states and a critique of the result.
A skill and CLI that turn a screenshot or a written idea into an editable interface, with code and separate image assets.
Skills for design engineers: quick UI cleanup, accessibility, metadata and animation performance fixes
Make interfaces feel better
make-interfaces-feel-better
A skill about the small interface details: animations, typography, icons, shadows, radii, optical alignment and hit areas
README in short
The skill stops a plausible but inexact interface from passing: each screen is checked against the reference by scripts and stays a scene in the editor.