# godot-ui

Gives the agent working knowledge of Godot Control nodes, themes and common screens. Useful when building menus, HUDs or inventories.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 2700 installs · ★ 20
- Author: Zate
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/Zate/cc-godot/tree/HEAD/plugins/gd/skills/godot-ui/SKILL.md
- Updated: 2025-11-09
- HTML: https://affpapa.org/en/nevibecode/skills/godot-ui

## What it does

The skill loads a reference on Godot's UI system into the agent: the Control node hierarchy, anchors and offsets, layout containers, and interactive widgets such as `Button`, `OptionButton`, `HSlider` and `Tree`. A separate section covers theming — `StyleBoxFlat` for button states, fonts, colors, icons, spacing constants. You can build a theme in code or keep it as a `.tres` file.

It also ships layout blueprints for real screens: main menu, tabbed settings, a HUD with a health bar and score, an inventory. Each one is a node tree starting at `CanvasLayer`, so the agent doesn't have to guess where a `MarginContainer` belongs.

Responsive behavior is spelled out: connect to the viewport's `size_changed` and swap layouts based on aspect ratio. The skill is allowed `Read`, `Write`, `Edit`, `Glob`, `Grep` plus `mcp__godot__*` tools, so the MCP part only works if you have a Godot MCP server running — otherwise those calls go nowhere. Worth installing once your Godot scenes start turning into UI spaghetti.

## Requirements
- Works with: Godot

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add Zate/cc-godot --skill godot-ui -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/godot-ui/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/godot-ui/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add Zate/cc-godot --skill godot-ui -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/godot-ui/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add Zate/cc-godot --skill godot-ui -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/godot-ui/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install Zate/cc-godot godot-ui
```

2. **Manually: put the files in place**
- File: `.github/skills/godot-ui/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add Zate/cc-godot --skill godot-ui -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/Zate/cc-godot --path plugins/gd/skills/godot-ui
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/godot-ui/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add Zate/cc-godot --skill godot-ui -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/Zate/cc-godot/tree/HEAD/plugins/gd/skills/godot-ui/SKILL.md

## When to use it
- lay out a menu with containers instead of hand-tuned offsets
- build a button theme with normal, hover and pressed StyleBoxFlat states
- put together a HUD with a health bar and score counter
- switch layouts when the viewport size changes
- pick the right Control node for a given widget

## Example prompts
- build a main menu on a CanvasLayer with a VBoxContainer and New Game, Settings, Quit buttons
- create a button theme with normal, hover and pressed StyleBoxFlat states
- rewrite the HUD so the layout adapts when the viewport gets narrow

## Similar
- [godot-ui-containers](https://affpapa.org/en/nevibecode/skills/godot-ui-containers.md) — skill · 507 installs
- [godot-inventory-system](https://affpapa.org/en/nevibecode/skills/godot-inventory-system.md) — skill · 425 installs
- [godot-ui-control](https://affpapa.org/en/nevibecode/skills/godot-ui-control.md) — skill · 6700 installs
- [godot-gdscript](https://affpapa.org/en/nevibecode/skills/godot-gdscript.md) — skill · 6500 installs
- [godot-asset-generator](https://affpapa.org/en/nevibecode/skills/godot-asset-generator.md) — skill · 1000 installs
- [spritecook-use-assets-in-godot](https://affpapa.org/en/nevibecode/skills/spritecook-use-assets-in-godot.md) — skill · 555 installs

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md