AGENT SKILL

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.

License 许可
MIT
所属仓库
javimosch/supercli
最近更新
2026-11-02
Stars
★ 57
Forks
5

01 前言 Front Matter

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.

03 SKILL.md 正文

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

04 同仓库更多 Skills