cyberneticlibrary
← library

Generate atomic CSS on-demand

unocssskillsetup L1★7
belos-street/skill-kit ↗
What it does

Generate CSS from utility classes with zero runtime

Best for

Reducing CSS bundle size when utility-first design adopted and no dynamic styling needed.

Inputs
  • · HTML/component files
  • · utility class coverage target
Outputs
  • · atomic CSS stylesheet
  • · unused class report
Requires
  • · UnoCSS parser
  • · PurgeCSS or equivalent
Preconditions

Class names follow pattern; all used classes declared or scannable

Failure modes

Dynamic class names not scanned (className=${dynamic}); CSS-in-JS conflicts with static scan

Trust signals
  • · Utility CSS proven at scale (Tailwind 85%+ unused in typical project without purge)
  • · UnoCSS achieves ~30KB for full framework vs. 50KB+ for Tailwind without purge