UnoCSS

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

od antfu · antfu/skills

Otestováno · Funguje ★ 8.8/10

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

Co umí

Generovaný referenční balíček pro UnoCSS, atomický CSS engine, který je nadmnožinou syntaxe Tailwind. Směruje na 23 tématických souborů pokrývajících config, dynamic rules, shortcuts, theming a každý major preset/transformer, a spouští se, když uživatel konfiguruje UnoCSS, píše utility rules nebo shortcuts, nebo propojuje presety jako Wind, Icons nebo Attributify.

Testovací report

Config-and-preset reference pro UnoCSS 66.x: požádal jsem o uno.config.ts kombinující presetWind3, presetIcons a regex-based dynamic shortcut, a skill's documented array-form shortcut syntax je přesně správná, zatímco memory-only answer se implicitně vrátila k object literal, který nemůže obsahovat regex matcher, a k legacy presetUno name namísto current presetWind3.

Testováno: 2026-07-14 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

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

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

  • 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