Css modules

Css modules

Skill a5c-ai/babysitter/library/specializations/web-development/skills/css-modules

CSS Modules patterns, composition, variables, and build configuration.From its SKILL.md

Install

npx -y skills add a5c-ai/babysitter --skill css-modules

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

SKILL.md

1.0 KB, 157 tokens by cl100k_base, as published. Nobody here has run it

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

What ships with it: 1 file

326 B alongside SKILL.md

README.md326 B