| name | cssnano |
| description | Use this skill when the user wants to optimize and minify CSS for production — reduce file size, merge rules, drop duplicates, and compress colors via PostCSS. |
cssnano Plugin
cssnano minifies and optimizes CSS using PostCSS plugins. Reduces file size by removing whitespace, merging rules, and normalizing values.
Commands
cssnano _ _ <args> — Passthrough
Usage Examples
- "minify styles.css to styles.min.css"
- "optimize all CSS files in a directory"
- "preview optimization results without writing"
- "merge multiple CSS files and optimize"
Installation
npm install -g cssnano
Key Features
- Whitespace and comment removal
- Rule merging and consolidation
- Duplicate selector elimination
- Color compression and normalization
- Value optimization (z-index, calc, etc.)
- Font-face and keyframe deduplication
- PostCSS plugin ecosystem support
- Configurable optimization presets