agentsclimarketplace

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

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.

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

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.