Style React components with Tailwind CSS, CSS Modules, and CSS-in-JS.
npx skills add https://github.com/nekorush14/dotfiles --skill react-styling
Please help me install this Agent Skill. Skill: react-styling Source: https://github.com/nekorush14/dotfiles/tree/main/configs/claude/skills/react-styling Command: npx skills add https://github.com/nekorush14/dotfiles --skill react-styling
This Skill helps developers implement consistent, accessible, and responsive styling for React components using Tailwind CSS, CSS Modules, and CSS-in-JS libraries, reducing style drift and maintenance overhead.
Start by creating a Button component styled with Tailwind classes, then build a responsive Card with CSS Modules and a dark mode variant. Run the app to verify visual consistency across components.
High-intent search queries and answers about installing and using this skill.
Tailwind CSS styling in React applies utility classes directly to JSX elements for rapid component development. This Skill establishes design tokens and scalable utility-based patterns that reduce style drift and maintenance overhead across your component library.
Tailwind CSS uses utility classes for rapid styling; CSS Modules scope styles to components to prevent global leaks; CSS-in-JS libraries like styled-components enable dynamic theming and runtime styles. This Skill demonstrates all three approaches and when to apply each for responsive design and dark mode support.
Implement dark mode and responsive design by composing Tailwind utility classes, CSS Module variants, or CSS-in-JS theme providers with mobile-first breakpoints. This Skill covers design tokens, TypeScript type-safety for theme variants, and accessible responsive layouts.
Yes. CSS Modules and Tailwind CSS can coexist in React projects—use Tailwind for utility-driven styling and CSS Modules for component-scoped styles. This Skill demonstrates hybrid approaches to avoid global style conflicts and maintain consistent design tokens.
Build reusable className helpers and utility functions that compose Tailwind classes, CSS Module exports, or CSS-in-JS theme values into consistent, type-safe component variants. This Skill includes patterns for dynamic className composition and production-oriented performance.
yugasunScaffold modern web frontend projects with Bun, Vite, React 19, and TypeScript 5.
TekLabsVNGenerate HTML and React previews for UI components using Tailwind, MagicUI, Shadcn, and Phosphor icons.
0xDarkMatterGenerate Tailwind CSS v3+ utility patterns with responsive breakpoints and dark mode configuration.
vallafedericoGuide styling SolidJS components with CSS Modules, Tailwind CSS, Sass/Less, and CSS-in-JS.
