Css modules
Skill a5c-ai/babysitter/library/specializations/web-development/skills/css-modules
Babysitter enforces obedience on agentic workforces and enables them to manage extremely complex tasks and workflows through deterministic, hallucination-free self-orchestration
npx -y skills add a5c-ai/babysitter --skill css-modulesAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
What its author says it does
Copied from the file, not written here
CSS Modules patterns, composition, variables, and build configuration.
SKILL.md
1.0 KB, 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