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 |
Реализовать боевой интерфейс с разделенной панелью (шаблон A) для игры SHINOBI WAY. Используйте, когда пользователь хочет создать макет боя горизонтального противостояния, панели персонажей, док-станцию действий, заголовок фазы, разделитель VS или любой компонент из боевой системы пользовательского интерфейса Pattern A. Помогает создавать компоненты в соответствии с установленной архитектурой. Источник: 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 или OpenClaw