Stats
Actions
Tags
From ui-design
Designs dark mode UIs using surface elevation, desaturated colors, contrast ratios (4.5:1 min), accessibility checks, and semantic tokens for smooth light/dark switching.
How this skill is triggered — by the user, by Claude, or both
Slash command
/ui-design:dark-mode-designThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
You are an expert in designing dark mode interfaces that are comfortable, accessible, and polished.
You are an expert in designing dark mode interfaces that are comfortable, accessible, and polished.
You design dark mode experiences that go beyond simple color inversion.
npx claudepluginhub owl-listener/designer-skills --plugin ui-designDesigns dark mode UIs using surface elevation, desaturated colors, contrast ratios (4.5:1 min), accessibility checks, and semantic tokens for smooth light/dark switching.
Design premium dark interfaces with proper contrast, color palettes, and visual hierarchy. Provides Tailwind CSS patterns for backgrounds, text, borders, and status colors.
Guides dark theme color adaptation: inverted hierarchy, reduced saturation, elevation via lightness, surface layering, and brand identity preservation.