dark-mode-design-expert
OfficialMaster dark mode UI design
Authorcuriositech
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps designers and developers create effective, accessible, and atmospheric dark mode UIs, avoiding common pitfalls and leveraging best practices.
Core Features & Use Cases
- Atmospheric Theming: Design dark modes inspired by weather, sky, or ocean palettes that adapt to time of day.
- Accessibility Compliance: Ensure WCAG contrast ratios and readability in dark themes.
- Cross-Platform Best Practices: Implement dark mode consistently across web and native applications.
- Use Case: You're designing a new app and want to implement a dark mode that feels cohesive and visually appealing, perhaps with a subtle "deep ocean" aesthetic that changes slightly from day to night.
Quick Start
Apply the dark mode design expert skill to generate a CSS token system for a night-time ocean theme.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: dark-mode-design-expert Download link: https://github.com/curiositech/some_claude_skills/archive/main.zip#dark-mode-design-expert Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.