What problem does it solve? Championship screens in the Primitivão app (LoL, Rocket League, CS, Valorant, TFT, FIFA and more) kept being built with inconsistent layouts — stacked single columns, missing round navigation, empty states with no guidance, and moderator controls scattered away from the matches they manage. This Skill encodes the closed, owner-approved standard structure so every new championship view ships with the same proven UX. ## Core Features & Use Cases - Standard two-column skeleton: Enforces the grid mk-grid layout with CLASSIFICAÇÃO (standings) on the left and RODADAS (rounds) plus the knockout bracket on the right, never stacked, with the champion banner outside the grid. - Complete component recipe: Specifies the standings table with colored position zones, per-player sub-lines, rules legend, round navigation rail with state pills, fixture cards with SEU JOGO pinned to top, and inline moderator result entry inside each match card. - Empty-state and checklist guidance: Every empty block must explain what unlocks it, and a 12-point checklist (including verifying getComputedStyle and both themes) validates any new championship view. - Use Case: When asked to create a new Valorant championship screen, apply this Skill to generate the full view reusing existing CSS classes like .mk-fx, .mk-rstrip, and .mk-std-table without inventing new wrappers. ## Quick Start Use the campeonato-ux skill to create the championship view for a new Valorant tournament following the standard two-column layout.
