Skills

By placing the SKILL.md file in your project, you can communicate Lism CSS design rules, Props, tokens, and naming conventions to AI agents.

Setup

npx skills add lism-css/lism-css

Install the Lism CSS skill into your project using the command above.

For more information about the skills command, see skills.sh.

# Check for available updates
npx skills check

# Update skills to the latest version
npx skills update

The skill consists of 10 files:

File	Contents
`SKILL.md`	Entry point — overview, package structure, implementation rules, reference links
`tokens.md`	Design tokens — spacing, font sizes, border radius, shadows, colors, palettes
`base-styles.md`	Base styling — Reset CSS, HTML element base styles, CSS variables overview
`set-class.md`	`set--` classes — `set--plain`/`set--shadow`/`set--hov`/`set--transition`, etc.
`module-class.md`	Module classes — is—/l—/a—/c— class list and usage
`utility-class.md`	Utility classes — u— class list
`property-class.md`	Property Class — `-{prop}:{value}` syntax, key Prop list
`prop-responsive.md`	Responsive design — breakpoints, container queries, usage patterns
`components.md`	Component system — core, layout, semantic, and UI component list
`css-rules.md`	CSS design rules — Layer structure, naming conventions, prefixes, custom CSS rules