Cssnano

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.

javimosch 5f31a47 961 B Updated

File contents

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

javimosch/supercli/tree/main/plugins/cssnano/skills/quickstart commit 5f31a47f4c

Frequently asked questions

npx skillmds@latest add javimosch/cssnano