Skip to main content
skill CX Codex

godot-ui-containers — Claude Code skill: what it does, how to install

Provides blueprints and rules for responsive Godot UI using Container nodes. Useful when building adaptive menus, shop grids, or virtualized scroll lists.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add thedivergentai/Game-Dev-Agentic-Skills --skill godot-ui-containers -a claude-code
Open on GitHub

What godot-ui-containers does

The skill equips coding assistants with blueprints and GDScript patterns for Godot engine interfaces. It maps common UI needs to specific implementations: dynamic inventory grids via responsive_grid.gd, wrapping chips with HFlowContainer, and 3D item previews using SubViewportContainer. Long chat feeds and logs use a recycled control pool from virtual_list.gd to maintain stable frame rates.

The instructions enforce strict layout rules. Changing child node position or size directly inside a container breaks UI logic, because queue_sort() will instantly overwrite those transforms. The blueprint demands using custom_minimum_size and expansion flags instead. When adding elements to a ScrollContainer, the assistant waits for await get_tree().process_frame so the scroll offset does not miss the new frame.

Deep container hierarchies above 10 levels are flagged as performance hazards. For static padding and offsets, the skill swaps heavy container chains for lightweight anchor offsets via performance_anchor_layout.gd.

What it helps with

  • build dynamic inventory grids that adjust columns to screen width
  • recycle list items to prevent frame drops in long scroll views
  • stop overlay panels from blocking clicks with proper mouse_filter modes
  • fix the single-frame delay glitch during terminal autoscrolling
  • reduce container nesting spikes by switching to anchor layouts

Example prompts for the agent

  • Build a responsive inventory grid in Godot using responsive_grid.gd
  • Optimize a long list in ScrollContainer with virtual_list.gd
  • Implement terminal autoscroll in Godot handling the single-frame delay

How to install godot-ui-containers

1Skills CLI (Vercel)

npx skills add thedivergentai/Game-Dev-Agentic-Skills --skill godot-ui-containers -a claude-code

2Manually: put the files in place

~/.claude/skills/godot-ui-containers/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/godot-ui-containers/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about godot-ui-containers

How do I install godot-ui-containers in Claude Code?

Run npx skills add thedivergentai/Game-Dev-Agentic-Skills --skill godot-ui-containers -a claude-code in your terminal.

What does godot-ui-containers do?

It guides coding agents on designing responsive Godot interfaces using native Container nodes. The skill provides reference GDScript files and enforces layout practices for pooling, size flags, and nesting limits.

Why shouldn't child position be animated directly inside containers?

Containers control layout flow and overwrite child transforms during queue_sort(). Instead of modifying coordinates directly, animate custom_minimum_size via a tween to move neighboring controls smoothly.

Similar skills

Everything for Game dev and 3D: Unity, Unreal, Godot, Blender →

From the same set50

godot-testing-patterns Provides testing decision trees and GdUnit4 templates for Godot. Guides developers through unit tests, headless CI runs, frame stepping, and network mocks. CX Codex +1 585installs godot-3d-world-building A skill for building 3D levels in Godot: GridMap with MeshLibrary, CSG greyboxing, occlusion and chunk streaming. Useful once a prototype has to become a playable scene. CX Codex +1 536installs godot-composition Tells your agent to build Godot entities from components instead of inheritance chains, with ready-made GDScript files for health, hitboxes and movement. CX Codex +1 519installs godot-2d-physics Guides coding agents through Godot 2D physics architecture. Prevents common pitfalls across collision layers, raycasts, and custom space queries. CX Codex +1 516installs godot-input-handling A skill that gives your coding agent ready patterns for Godot input: InputMap actions, gamepads, rebinding, deadzones and input buffering. CX Codex +1 509installs godot-combat-system A skill that tells the agent how to build hitboxes, damage and i-frames in Godot. Useful for action games, RPGs and fighters. CX Codex +1 507installs godot-project-foundations Guides Godot 4 project architecture with feature-oriented directory layouts, naming standards, and clean Git ignore rules. CX Codex +1 499installs godot-audio-systems A skill with ready-made Godot audio scripts: voice pools, buses, attenuation, music transitions. Useful once your sound starts clipping or dropping out. CX Codex +1 502installs

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor