Implements theme switching with semantic tokens and prefers-color-scheme detection. Use when adding dark mode, light/dark themes, color scheme toggles, or converting hardcoded colors to theme-aware tokens.
Install
npx skills add dylantarre/design-system-skills --skill dark-modenpx skills add dylantarre/design-system-skills --skill dark-mode -a claude-code -gnpx skills add dylantarre/design-system-skills --skill dark-mode -a codex -ggemini skills install https://github.com/dylantarre/design-system-skills.git --path skills/patterns/dark-modegh skill install dylantarre/design-system-skills dark-modegit clone --depth 1 https://github.com/dylantarre/design-system-skills /tmp/dylantarre__design-system-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/dylantarre__design-system-skills/skills/patterns/dark-mode ~/.claude/skills/dark-mode # Claude Code
cp -R /tmp/dylantarre__design-system-skills/skills/patterns/dark-mode ~/.agents/skills/dark-mode # Codex, Cursor, Gemini CLI, Copilot, OpenCode