brightness-system
Installation
SKILL.md
Brightness System Skill
Overview
The omer-akben portfolio implements an 8-mode brightness system that must be tested and supported for all UI changes. This skill covers implementation patterns, testing requirements, and troubleshooting.
8 Brightness Modes
Modes: -3 (darkest) → 0 (baseline) → +3 (brightest) + auto
Implementation
data-brightnessattribute on<html>element- CSS custom properties in
globals.css - State management in
lib/brightness-context.tsx