mcpField
R
roblox-gui

roblox-gui

github.com/tabooharmony设计与 UI1382.3k 次安装2 周前更新
代码仓库

关于 roblox-gui

用于设计和排查 Roblox HUD、菜单、对话框、商店及场景 UI 的技能，适配不同设备尺寸，重点涵盖移动端布局、输入导航、安全区域和清理。

主要功能

  1. 01设计移动端优先的布局
  2. 02考虑安全区域与控制器
  3. 03让 UI 随屏幕尺寸重排
  4. 04管理手柄焦点与导航
  5. 05清理响应式界面

适用场景

  1. 01构建适配多设备的 HUD 和菜单
  2. 02排查小屏幕上的布局冲突
  3. 03支持手柄导航与焦点管理
  4. 04检查界面反复打开和关闭

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/tabooharmony/roblox-brain --skill roblox-gui

安装后在 Claude Code 中输入/roblox-gui确认已加载。

附带文件references/full.md

详细介绍

roblox gui

适用场景

HUD、菜单、商店、对话框、世界 UI，以及手机、平板、桌面设备或电视上的布局问题。

快速参考

  • 移动端优先：先在最小尺寸的横屏手机上使用触控操作进行设计，再逐步扩展（full.md §11）。
  • 为顶栏、虚拟摇杆、跳跃和聊天预留空间；交互式 UI 放在 CoreUISafeInsets 内；根据测量得到的 AbsolutePosition/AbsoluteSize 进行布局。
  • 检查所有可能同时显示的元素组合；调整布局，不要缩小元素。
  • 游戏手柄：指定一个 SelectedObject 所有者，设置 SelectionGroup 边界，恢复焦点，并分层处理返回操作（§8）。
  • 游戏主机：使用电视安全区域和 ViewportDisplaySize，不要显示聊天窗口。
  • 布局由布局系统负责；UI 展示服务器状态；按钮不是权限边界。
  • 响应式 UI：为每个屏幕单独清理；反复测试打开和关闭，以检查是否存在泄漏。将加载 UI 放在 ReplicatedFirst 中。
  • TextBox 提交、网格、截断、RichText 安全性和弃用的 API：参见 full.md。

详情：references/full.md

评论

支持 Markdown