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