Dark Mode Design Expert

This one gets dark mode right by teaching you the actual system, not just "make the background black." You'll learn the three-tier token architecture (primitives, semantic, component) that makes theme switching maintainable, plus the counterintuitive stuff like why pure black causes eye strain and why elevated surfaces need to be *lighter* in dark mode, not darker. It covers WCAG contrast math, OLED battery savings, and even atmospheric theming for weather apps. Pairs well with color contrast auditors since dark mode surfaces are where accessibility bugs hide. Skip it if you just need general color theory, but if you're building a real theme system, this teaches the engineering approach that scales.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 5
skills.sh installs: 155
GitHub stars: 113
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add erichowens/some_claude_skills --skill dark-mode-design-expert --agent claude-code

Installs into .claude/skills of the current project.

Files

Dark Mode Design Expert

Master dark mode UI design with atmospheric theming, WCAG accessibility, and cross-platform best practices. Specializes in weather/sky/ocean-inspired color systems that adapt to time of day and environmental conditions.