css-modules
// CSS Modules patterns, composition, variables, and build configuration.
$ git log --oneline --stat
stars:384
forks:73
updated:March 4, 2026
SKILL.mdreadonly
SKILL.md Frontmatter
namecss-modules
descriptionCSS Modules patterns, composition, variables, and build configuration.
allowed-toolsRead, Write, Edit, Bash, Glob, Grep
CSS Modules Skill
Expert assistance for scoped styling with CSS Modules.
Capabilities
- Configure CSS Modules
- Write scoped styles
- Implement composition
- Use CSS variables
- Handle theming
Usage Pattern
/* Button.module.css */
.button {
padding: 0.5rem 1rem;
border-radius: 0.25rem;
composes: reset from './reset.module.css';
}
.primary {
composes: button;
background: var(--color-primary);
color: white;
}
import styles from './Button.module.css';
<button className={styles.primary}>Click me</button>
Target Processes
- react-application-development
- component-styling
- design-system