Skills
.Work. You
Rest

gamification-intensity-system

Community

Tune UI intensity for FlowState's gamification.

Software Engineering#vue#gamification#overlay#ui-architecture#toast-notifications#intensity#cyberflow
Authorendlessblink
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Designers and engineers need a scalable approach to control how much of FlowState's gamified UI is visible, enabling a smooth path from a distraction-free productivity mode to a full RPG experience without performance penalties.

Core Features & Use Cases

  • Three intensity levels (minimal, moderate, intense) to govern header widgets, toasts, and overlays across views.
  • CSS class strategy, component visibility matrix, and header widget variants to unify UX and reduce rework.
  • Settings UI with live preview and a defined performance budget to guide implementation and reviews.
  • Use Case: rapidly validate visibility rules and performance impact when shipping new RPG features by toggling intensity in a single place.

Quick Start

Configure gamification intensity in Settings to switch between minimal, moderate, and intense modes and observe corresponding UI changes.

Dependency Matrix

Required Modules

None required

Components

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: gamification-intensity-system
Download link: https://github.com/endlessblink/flow-state/archive/main.zip#gamification-intensity-system

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.