combat-ui-pattern-a
CommunityBuild Pattern A split-panel Combat UI.
Software Engineering#react#tailwind#component-library#ui-architecture#split-panel#combat-ui#pattern-a
AuthorCesarAugustusGroB
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Split-panel combat interfaces require a modular, scalable architecture to render two character panels, a VS divider, and an action dock within a cohesive layout. This description guides the creation of reusable components and responsive behavior for SHINOBI WAY's combat UI system.
Core Features & Use Cases
- Reusable components for CombatLayout, PhaseHeader, ConfrontationZone, CharacterPanel, VSDivider, and ActionDock.
- Responsive behavior with mobile fallback to vertical stacking and tablet/desktop split.
- Quick-start scaffolding that aligns with the provided architecture and references.
Quick Start
Create the initial Split-Panel Combat UI scaffold and wire components according to the architecture.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: combat-ui-pattern-a Download link: https://github.com/CesarAugustusGroB/SHINOBI-WAY-the-inifinite-tower/archive/main.zip#combat-ui-pattern-a Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.