Borrowing it
Nothing to install: this file belongs to hhhh124hhhh/godot-mcp. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/hhhh124hhhh/godot-mcp/main/.claude/skills/godot-skills/sub-skills/godot-ui-designer/SKILL.mdgit clone --depth 1 https://github.com/hhhh124hhhh/godot-mcpWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/hhhh124hhhh/godot-mcp/godot-ui-designer)<a href="https://agentmods.dev/skills/hhhh124hhhh/godot-mcp/godot-ui-designer"><img src="https://agentmods.dev/badge/skills/hhhh124hhhh/godot-mcp/godot-ui-designer/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/hhhh124hhhh/godot-mcp/godot-ui-designer"><img src="https://agentmods.dev/badge/skills/hhhh124hhhh/godot-mcp/godot-ui-designer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00036 | $0.04061 |
| Opus 5 | $0.00018 | $0.02031 |
| Sonnet 5 | $0.00007 | $0.00812 |
| Haiku 4.5 | $0.00004 | $0.00406 |
Grade A, and why
godot-ui-designer scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 11d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 505 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Godot UI界面设计专家技能
重要提示: 本技能的所有代码示例均基于 Godot 4.5 最佳实践，使用 GDScript 语法。 确保在 Godot 4.x 环境中使用，特别注意 Control 节点和信号系统的新特性。
技能概述
godot-ui-designer 是专门用于 Godot 游戏UI界面系统开发的智能化技能，能够根据用户的自然语言描述自动创建完整的用户界面系统，包括主菜单、游戏内HUD、设置界面、对话框、响应式布局等。
核心功能
📱 响应式布局系统
- 自适应布局：支持不同分辨率和屏幕比例
- 锚点系统：智能锚点定位和布局管理
- 容器布局：GridContainer、HBoxContainer、VBoxContainer等
- 动态调整：运行时布局调整和适配
🎨 视觉设计系统
- 主题管理：统一的UI主题和样式系统
- 动画过渡：流畅的UI动画和过渡效果
- 粒子效果：UI特效和视觉反馈
- 颜色方案：协调的颜色搭配和对比度
🎮 游戏HUD组件
- 状态显示：血条、魔法条、经验条、等级显示
- 小地图系统：可缩放的小地图和标记系统
- 物品栏：可拖拽的物品栏和快捷栏
- 任务信息：任务列表、目标追踪、提示信息
📋 菜单系统
- 主菜单：游戏启动、设置、退出等选项
- 暂停菜单：游戏暂停、继续、重启、设置
- 设置界面：图形、音频、控制、游戏性设置
- 角色选择：角色创建、选择、自定义
使用方法
创建游戏HUD
用户: "我需要一个像王者荣耀那样的游戏HUD，包含血条、蓝条、技能栏和地图"
系统: 自动实现：
- 顶部血条和蓝条显示
- 底部技能栏（4-6个技能）
- 右上角小地图系统
- 左上角角色信息和等级
- 击杀信息和连击提示
设计主菜单
用户: "创建一个现代化的游戏主菜单，有背景动画和音效"
系统: 智能生成：
- 动态背景效果
- 渐显式菜单选项
- 悬停和点击动画
- 设置和关于对话框
- 背景音乐和音效集成
设置界面
用户: "做一个完整的设置界面，包含图形、音频、控制和游戏设置"
系统: 全面开发：
- 图形设置（分辨率、全屏、画质）
- 音频控制（主音量、音乐、音效）
- 控制配置（键位映射、手柄支持）
- 游戏性选项（难度、字幕、辅助功能）
响应式布局
用户: "确保UI在手机和平板上都能正常显示"
系统: 自动适配：
- 不同屏幕分辨率的布局调整
- 触控友好的按钮大小
- 平板模式的优化布局
- 横竖屏切换支持
工作流程
1. 需求分析
# 分析UI需求
- 识别界面类型和功能
- 确定目标平台和屏幕尺寸
- 提取设计风格和交互要求
2. 架构设计
# 设计UI架构
- 选择合适的Control节点类型
- 规划界面层次结构
- 设计数据绑定机制
3. 视觉设计
# 创建视觉元素
- 设计配色方案和主题
- 创建图标和背景资源
- 配置字体和文字样式
4. 交互实现
# 实现交互逻辑
- 添加按钮和事件处理
- 实现动画和过渡效果
- 配置输入和导航系统
MCP 工具集成
UI节点工具
create_node- 创建UI节点（Button、Label、Panel等）configure_node- 配置UI节点属性add_child_node- 添加子UI节点style_node- 设置UI节点样式
场景管理工具
create_scene- 创建UI场景instance_scene- 实例化UI预制件save_scene- 保存UI场景load_scene- 加载UI场景
资源管理工具
create_resource- 创建UI资源（Theme、StyleBox等）import_asset- 导入UI素材（图标、字体等）configure_resource- 配置资源属性
调试测试工具
play_scene- 测试UI场景get_node_properties- 获取UI节点属性set_node_property- 设置UI节点属性simulate_input- 模拟用户输入测试
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 11d ago First seen · 505 lines · 36 tokens per session scan A b22df6b11b9e
godot-ui-designer is a skill published in the GitHub repository hhhh124hhhh/godot-mcp (42 stars, last pushed 10mo ago), licensed MIT. It adds 36 tokens to every session and 4,061 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
roblox-ui
Build production Roblox interfaces with ScreenGui/PlayerGui lifecycle, responsive UDim2 layouts, safe insets, reusable editable Instances, cross-device input and selection, restrained motion, cleanup, and multi-viewport verification. Use for Roblox HUDs, inventories, shops, settings, ability bars, ScrollingFrames…
game-ui-ux
Design and build game UI/UX — HUDs, menus, and overlays — that survive every screen: anchor- based responsive layout, resolution/aspect scaling and safe areas, keyboard/gamepad focus navigation, a screen/menu state stack, and event-driven (not polled) HUD updates. Engine- neutral patterns that pair with the detected…
ux-design
Guided, section-by-section UX spec authoring for a screen, flow, or HUD. Reads game concept, player journey, and relevant GDDs to provide context-aware design guidance. Produces ux-spec.md (per screen/flow) or hud-design.md using the studio templates.
ux-review
Validates a UX spec, HUD design, or interaction pattern library for completeness, accessibility compliance, GDD alignment, and implementation readiness. Produces APPROVED / NEEDS REVISION / MAJOR REVISION NEEDED verdict with specific gaps.
unity-inspector
Advise on Unity Inspector authoring UX.
threejs-game-ui-designer
Design premium Three.js game UI: HUDs, menus, overlays, pause/win/lose screens, settings, icon controls, touch UI, typography, responsive layout, safe areas, text fit, and UI/world cohesion.