Sign in

Canonicalize Tailwind

Sort, normalize, deduplicate, and resolve conflicting Tailwind CSS classes.

Installation

Run the ui.sh installer to add this skill in your project:

npx @uidotsh/install canonicalize-tailwind --token=[token]

To install multiple skills at once, omit the skill name from the command:

npx @uidotsh/install --token=[token]

Clean up your utility classes

Use the canonicalize-tailwind skill to clean up utility class strings without changing the visual design:

/canonicalize-tailwind

The skill sorts classes, removes duplicates, collapses shorthands, and resolves conflicting utilities while preserving visual intent:

What this skill does

  • Sorts, deduplicates, collapses, and normalizes Tailwind classes.
  • Resolves conflicting utilities while preserving the intended styling.
  • Applies the cleaned-up class lists and runs relevant checks.

Requirements

Tailwind CSS must be installed in the project for this skill to work.

Skills