Game UI Components -- Cyberflow RPG

Version: 1.0.0 Category: UI Component Library Related Skills: cyberflow-rpg, cyberflow-design-system, frontend-ui-ux, gamification-intensity-system

When to Activate

Invoke this skill when:

• Building any gamification visual component (HP bars, XP bars, radar charts, etc.)
• Implementing boss fight UI or challenge cards
• Adding floating XP pop-ups or loot reveals
• Working on level badges, streak counters, or corruption meters
• Integrating DiceBear avatars
• Extending or modifying existing gamification components in src/components/gamification/

Design Token Reference (MANDATORY)

All components MUST use FlowState design tokens from src/assets/design-tokens.css. Never hardcode colors.