add-dark-mode
CommunityAdd dark mode with professional design handling.
Authornkabbara
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of implementing a professional dark mode design for UIs, ensuring consistency and usability.
Core Features & Use Cases
- Dark Mode Implementation: Automates the addition of dark mode support to existing UIs.
- Design Guidance: Provides inline dark-mode design rules and best practices.
- Use Case: For a web developer looking to enhance the user experience by adding a dark mode option to a website, this Skill can be used to ensure the design is consistent with user preferences and accessibility standards.
Quick Start
Use the add-dark-mode skill to enable dark mode support for your UI.
Dependency Matrix
Required Modules
tailwindcssimagegendark-mode-image
Components
scriptsreferencesassets
💻 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: add-dark-mode Download link: https://github.com/nkabbara/dotfiles/archive/main.zip#add-dark-mode 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 620,000+ vetted skills library on demand.