godot-ui-containers — скилл для Claude Code: обзор и установка
Скилл обучает ИИ-агента строить интерфейсы в Godot на узлах Container. Он пригодится при вёрстке адаптивных меню, инвентарей и оптимизации списков.
npx skills add thedivergentai/Game-Dev-Agentic-Skills --skill godot-ui-containers -a claude-codeЧто делает godot-ui-containers
Скилл содержит набор шаблонов и скриптов для построения адаптивного интерфейса на движке Godot. Внутри собрано дерево решений для подбора узлов: GridContainer для сеток предметов, HFlowContainer для переноса чипов по ширине и SubViewportContainer для предпросмотра 3D-моделей. Для бесконечных лент и чатов скилл предлагает пул из файла virtual_list.gd, который повторно использует ограниченное число нод вместо спавна тысяч элементов.
В базе зафиксированы строгие правила вёрстки. Менять position или size напрямую у дочерних элементов бессмысленно: контейнер всё равно перезапишет координаты во время queue_sort(). Вместо этого скилл требует задавать размеры через custom_minimum_size и настраивать флаги вроде SIZE_EXPAND_FILL. При добавлении сообщений в ScrollContainer код учитывает задержку в один кадр и ждёт await get_tree().process_frame перед прокруткой.
Также скилл предостерегает от вложенности глубже 10 уровней контейнеров, чтобы избежать просадок частоты кадров при пересчёте макета. Для статичных отступов в таких сценариях предлагается архитектура на якорях из performance_anchor_layout.gd.
Какие задачи решает
- настроить адаптивную сетку инвентаря с динамическим числом колонок
- устранить лаги при скроллинге длинных списков через пул нод
- предотвратить перекрытие кликов оверлеями через настройку mouse_filter
- сделать автоскролл логов без бага с задержкой в один кадр
- заменить глубокую вложенность контейнеров на разметку через якоря
Примеры запросов агенту
- Собери адаптивную сетку инвентаря в Godot с помощью responsive_grid.gd
- Оптимизируй скролл длинного списка в Godot через virtual_list.gd
- Настрой автоскролл терминала в Godot с учётом задержки кадра
Как установить godot-ui-containers
1Через Skills CLI (Vercel)
npx skills add thedivergentai/Game-Dev-Agentic-Skills --skill godot-ui-containers -a claude-code2Вручную: положить файлы
~/.claude/skills/godot-ui-containers/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/godot-ui-containers/
1Через Skills CLI (Vercel)
npx skills add thedivergentai/Game-Dev-Agentic-Skills --skill godot-ui-containers -a codex2Вручную: положить файлы
.agents/skills/godot-ui-containers/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add thedivergentai/Game-Dev-Agentic-Skills --skill godot-ui-containers -a cursor2Вручную: положить файлы
.cursor/skills/godot-ui-containers/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install thedivergentai/Game-Dev-Agentic-Skills godot-ui-containers2Вручную: положить файлы
.github/skills/godot-ui-containers/SKILL.md1Через Skills CLI (Vercel)
npx skills add thedivergentai/Game-Dev-Agentic-Skills --skill godot-ui-containers -a gemini-cli2Командой платформы
gemini skills install https://github.com/thedivergentai/Game-Dev-Agentic-Skills --path skills/godot-ui-containersВручную: положить файлы
.devin/skills/godot-ui-containers/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add thedivergentai/Game-Dev-Agentic-Skills --skill godot-ui-containers -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о godot-ui-containers
Как установить godot-ui-containers в Claude Code?
Выполните в терминале команду npx skills add thedivergentai/Game-Dev-Agentic-Skills --skill godot-ui-containers -a claude-code.
Что делает godot-ui-containers?
Скилл даёт ИИ готовые шаблоны и правила для вёрстки адаптивных интерфейсов в Godot с использованием узлов Container. Он учит агента избегать типичных ошибок с size_flags, переполнением списков и лишней вложенностью нод.
Почему нельзя анимировать position элементов внутри Container?
Узлы Container автоматически пересчитывают и перезаписывают координаты дочерних элементов во время вызова queue_sort(). Чтобы сдвигать соседние элементы, нужно анимировать custom_minimum_size через твины.
