UnoCSS

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

av antfu · antfu/skills

Bestått ★ 8.8/10

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

Hva den gjør

En generert referansepakke for UnoCSS, den atomiske CSS-motoren som er et supersett av Tailwind-syntaks. Den ruter til 23 emnefiler som dekker config, dynamiske regler, shortcuts, theming, og hver store preset/transformer, og utløses når en bruker konfigurerer UnoCSS, skriver utility rules eller shortcuts, eller kobler opp presets som Wind, Icons, eller Attributify.

Testrapport

Config- og preset-referanse for UnoCSS 66.x: ba om en uno.config.ts som mikser presetWind3, presetIcons, og en regex-basert dynamisk shortcut, og skillens dokumenterte array-form shortcut-syntaks er nøyaktig riktig der et minne-basert svar standardiserte til et objektliteral som ikke kan holde en regex matcher, og til det eldre presetUno-navnet i stedet for det nåværende presetWind3.

Testet på: 2026-07-14 · Claude Code 2.x (agent harness)

Installer

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

Kommandoer og eksempelprompter

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

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

  • 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