UnoCSS

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

Af antfu · antfu/skills

Testet · Virker ★ 8.8/10

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

Hvad det gør

En genereret referencepakke til UnoCSS, den atomare CSS-motor, der er en superset af Tailwind-syntaks. Den dirigerer til 23 emnefiler, der dækker config, dynamiske regler, shortcuts, theming og hver større preset/transformer, og udløses, når en bruger konfigurerer UnoCSS, skriver utility-regler eller shortcuts, eller forbinder presets som Wind, Icons eller Attributify.

Testrapport

Config- og preset-reference for UnoCSS 66.x: badt om en uno.config.ts, der blander presetWind3, presetIcons og en regex-baseret dynamisk shortcut, og skill'ens dokumenterede array-form shortcut-syntaks er præcis korrekt, hvor et hukommelsesbaseret svar som standard brugte et objekt-literal, der ikke kan indeholde en regex-matcher, og til det ældre presetUno-navn i stedet for det nuværende presetWind3.

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

Installation

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 reference: config, rules, shortcuts, presets (Wind3/4, Icons, Attributify) og transformers.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen 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