·combat-ui-pattern-a
*

combat-ui-pattern-a

Implementa l'interfaccia utente di combattimento a pannello diviso (modello A) per il gioco SHINOBI WAY. Da utilizzare quando l'utente desidera creare il layout di combattimento del confronto orizzontale, i pannelli dei personaggi, il dock delle azioni, l'intestazione di fase, il divisore VS o qualsiasi componente dal sistema di interfaccia utente di combattimento del modello A. Guida attraverso la creazione dei componenti seguendo l'architettura stabilita.

5Installazioni·0Tendenza·@cesaraugustusgrob

Installazione

$npx skills add https://github.com/cesaraugustusgrob/shinobi-way-the-inifinite-tower --skill combat-ui-pattern-a

Come installare combat-ui-pattern-a

Installa rapidamente la skill AI combat-ui-pattern-a nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/cesaraugustusgrob/shinobi-way-the-inifinite-tower --skill combat-ui-pattern-a
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: cesaraugustusgrob/shinobi-way-the-inifinite-tower.

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 |

Implementa l'interfaccia utente di combattimento a pannello diviso (modello A) per il gioco SHINOBI WAY. Da utilizzare quando l'utente desidera creare il layout di combattimento del confronto orizzontale, i pannelli dei personaggi, il dock delle azioni, l'intestazione di fase, il divisore VS o qualsiasi componente dal sistema di interfaccia utente di combattimento del modello A. Guida attraverso la creazione dei componenti seguendo l'architettura stabilita. Fonte: cesaraugustusgrob/shinobi-way-the-inifinite-tower.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/cesaraugustusgrob/shinobi-way-the-inifinite-tower --skill combat-ui-pattern-a
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from cesaraugustusgrob/shinobi-way-the-inifinite-tower

Risposte rapide

Che cos'è combat-ui-pattern-a?

Implementa l'interfaccia utente di combattimento a pannello diviso (modello A) per il gioco SHINOBI WAY. Da utilizzare quando l'utente desidera creare il layout di combattimento del confronto orizzontale, i pannelli dei personaggi, il dock delle azioni, l'intestazione di fase, il divisore VS o qualsiasi componente dal sistema di interfaccia utente di combattimento del modello A. Guida attraverso la creazione dei componenti seguendo l'architettura stabilita. Fonte: cesaraugustusgrob/shinobi-way-the-inifinite-tower.

Come installo combat-ui-pattern-a?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/cesaraugustusgrob/shinobi-way-the-inifinite-tower --skill combat-ui-pattern-a Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/cesaraugustusgrob/shinobi-way-the-inifinite-tower