UnoCSS

UnoCSS 66.x referentie: config, rules, shortcuts, presets (Wind3/4, Icons, Attributify) en transformers.

Door antfu · antfu/skills

Getest · Werkt ★ 8.8/10

UnoCSS — UnoCSS 66.x referentie: config, rules, shortcuts, presets (Wind3/4, Icons, Attributify) en transformers.

Wat het doet

Een gegenereerd referentiepakket voor UnoCSS, de atomic CSS engine die een superset is van Tailwind syntax. Het verwijst naar 23 topic files die config, dynamic rules, shortcuts, theming, en elke belangrijke preset/transformer behandelen, en activeert wanneer een gebruiker UnoCSS configureert, utility rules of shortcuts schrijft, of presets zoals Wind, Icons, of Attributify instelt.

Testrapport

Config- en preset-referentie voor UnoCSS 66.x: vroeg om een uno.config.ts die presetWind3, presetIcons, en een regex-gebaseerde dynamic shortcut combineert, en de gedocumenteerde array-form shortcut syntax van de skill is precies correct, waar een antwoord uit het geheugen standaard een object literal gaf dat geen regex matcher kan bevatten, en de legacy presetUno naam in plaats van de huidige presetWind3.

Getest op: 2026-07-14 · Claude Code 2.x (agent harness)

Installatie

git clone https://github.com/antfu/skills
cd skills
mkdir -p ~/.claude/skills
cp -r skills/unocss ~/.claude/skills/unocss

Commando's en voorbeeldprompts

  • /unocssUnoCSS 66.x referentie: config, rules, shortcuts, presets (Wind3/4, Icons, Attributify) en transformers.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • Set up a uno.config.ts with Wind3 and icon presets
  • Add a btn-primary shortcut and dark-mode icon swap in UnoCSS
  • Configure UnoCSS attributify mode for my Vite app