roblox-gui について
Roblox の HUD、メニュー、ダイアログ、ショップ、ワールド UI の設計と問題解決に使うスキルです。モバイル優先のレイアウト、入力操作、安全領域、クリーンアップを扱います。
主な機能
- 01モバイル優先のレイアウト設計
- 02安全領域と操作部の考慮
- 03画面サイズに応じた UI の再配置
- 04ゲームパッドのフォーカスとナビゲーション管理
- 05リアクティブ画面のクリーンアップ
活用シーン
- 01複数デバイス向け HUD とメニューの作成
- 02小画面でのレイアウト衝突の修正
- 03ゲームパッド操作とフォーカスへの対応
- 04画面の開閉を繰り返して動作確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/roblox-guiを入力して読み込まれたか確認します。
同梱ファイルreferences/full.md
詳細
roblox gui
読み込むタイミング
スマートフォン、タブレット、デスクトップ、テレビでの HUD、メニュー、ショップ、ダイアログ、ワールド UI、レイアウトの不具合に対応するとき。
クイックリファレンス
- モバイルを最優先にします。タッチ操作に対応した最小サイズの横向きスマートフォンで設計し、その後に拡張します（full.md §11）。
- トップバー、サムスティック、ジャンプ、チャットの領域を確保します。操作可能な UI は
CoreUISafeInsets内に配置し、実測したAbsolutePosition／AbsoluteSizeを使って配置します。 - 同時に表示される可能性のある要素の組み合わせをすべて確認します。縮小するのではなく、再配置します。
- ゲームパッドでは、
SelectedObjectを所有する対象を 1 つにし、SelectionGroupの境界を設定し、フォーカスを復元し、階層化された戻る操作に対応します（§8）。 - コンソールでは、テレビのセーフエリアと
ViewportDisplaySizeを考慮し、チャットウィンドウは表示しません。 - 繰り返し配置のレイアウトはレイアウト機能に任せます。UI はサーバーの状態を表示します。ボタンは権限の境界ではありません。
- リアクティブ UI では、画面ごとにクリーンアップします。リークを確認するため、開閉を繰り返してテストします。読み込み UI は
ReplicatedFirstに配置します。 - TextBox の送信、グリッド、省略表示、RichText の安全性、非推奨 API については、full.md を参照してください。
コメント
Markdown 対応