user-preference-respect
CommunityRespect user system preferences in UI design.
Design & Creative#accessibility#contrast#dark-mode#prefers-color-scheme#detect#user-preferences#prefers-reduced-motion
Authorhulusi-tunc
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Interfaces that ignore OS/user preferences can create friction, reduce accessibility, and hinder usability.
Core Features & Use Cases
- Detects system preferences such as prefers-color-scheme, prefers-reduced-motion, and forced-colors.
- Applies adaptive UI changes (dark/light themes, motion reduction, and higher contrast) without sacrificing content or usability.
- Use case: a product automatically respects accessibility settings to deliver a comfortable, readable interface across devices.
Quick Start
Detect system preferences on page load and apply the corresponding UI adaptations automatically.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: user-preference-respect Download link: https://github.com/hulusi-tunc/unicorn-skills/archive/main.zip#user-preference-respect 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 471,000+ vetted skills library on demand.