combat-ui-pattern-a
✓為 SHINOBI WAY 遊戲實現分屏戰鬥 UI（模式 A）。當用戶想要創建水平對抗戰鬥佈局、角色面板、動作底座、階段標題、VS 分隔符或模式 A 戰鬥 UI 系統中的任何組件時使用。指導按照既定架構創建組件。
SKILL.md
This skill guides implementation of the Split-Panel Combat UI, transforming the vertical theater mode into a horizontal confrontation layout.
| CharacterPanel (player) | src/components/PlayerHUD.tsx | | CharacterPanel (enemy) | src/scenes/Combat.tsx lines 113-305 | | ActionDock | src/scenes/Combat.tsx lines 308-607 | | QuickActionCard | src/components/SkillCard.tsx | | MainActionCard | src/components/SkillCard.tsx | | PhaseHeader | src/scenes/Combat.tsx lines 311-328 |
為 SHINOBI WAY 遊戲實現分屏戰鬥 UI（模式 A）。當用戶想要創建水平對抗戰鬥佈局、角色面板、動作底座、階段標題、VS 分隔符或模式 A 戰鬥 UI 系統中的任何組件時使用。指導按照既定架構創建組件。 來源：cesaraugustusgrob/shinobi-way-the-inifinite-tower。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/cesaraugustusgrob/shinobi-way-the-inifinite-tower --skill combat-ui-pattern-a 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/cesaraugustusgrob/shinobi-way-the-inifinite-tower --skill combat-ui-pattern-a- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 combat-ui-pattern-a？
為 SHINOBI WAY 遊戲實現分屏戰鬥 UI（模式 A）。當用戶想要創建水平對抗戰鬥佈局、角色面板、動作底座、階段標題、VS 分隔符或模式 A 戰鬥 UI 系統中的任何組件時使用。指導按照既定架構創建組件。 來源：cesaraugustusgrob/shinobi-way-the-inifinite-tower。
如何安裝 combat-ui-pattern-a？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/cesaraugustusgrob/shinobi-way-the-inifinite-tower --skill combat-ui-pattern-a 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/cesaraugustusgrob/shinobi-way-the-inifinite-tower
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01