combat-ui-pattern-a

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 で使用できるようになります

原文を見る