tailwindcss-responsive-darkmode
CommunityMaster responsive & dark mode with Tailwind CSS.
AuthorGatsbyhateyou
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of creating modern, adaptable web interfaces that look great on all devices and respect user preferences for light or dark themes.
Core Features & Use Cases
- Responsive Design: Implement mobile-first layouts, custom breakpoints, and container queries for component-level responsiveness.
- Dark Mode Implementation: Effortlessly integrate dark mode using media queries, class toggles, or JavaScript persistence.
- Use Case: Build a reusable card component that adjusts its layout, typography, and spacing based on its container size, and seamlessly switches to a dark theme when the user's system preference is set to dark.
Quick Start
Apply responsive and dark mode styles to a div element using Tailwind CSS utility classes.
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: tailwindcss-responsive-darkmode Download link: https://github.com/Gatsbyhateyou/gatsby-website/archive/main.zip#tailwindcss-responsive-darkmode 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.