UnoCSS

UnoCSS 66.x: konfiguracja, reguły, skróty, presety (Wind3/4, Icons, Attributify) i transformatory.

Autor: antfu · antfu/skills

Testowano · Działa ★ 8.8/10

UnoCSS — UnoCSS 66.x: konfiguracja, reguły, skróty, presety (Wind3/4, Icons, Attributify) i transformatory.

Co robi ten skill

Wygenerowany pakiet referencyjny dla UnoCSS, atomowego silnika CSS, który jest nadzbiorem składni Tailwind. Kieruje do 23 plików tematycznych obejmujących konfigurację, dynamiczne reguły, skróty, motywy i każdy główny preset/transformator, i uruchamia się, gdy użytkownik konfiguruje UnoCSS, pisze reguły narzędziowe lub skróty, lub podłącza presety takie jak Wind, Icons, lub Attributify.

Raport z testu

Referencja konfiguracji i presetów dla UnoCSS 66.x: poproszono o uno.config.ts mieszający presetWind3, presetIcons i dynamiczny skrót oparty na regex, a udokumentowana składnia skrótów w formie tablicowej umiejętności jest dokładnie poprawna, podczas gdy odpowiedź tylko z pamięci domyślnie używała literału obiektu, który nie może zawierać dopasowania regex, oraz przestarzałej nazwy presetUno zamiast aktualnej presetWind3.

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

Instalacja

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

Komendy i przykładowe prompty

  • /unocssUnoCSS 66.x: konfiguracja, reguły, skróty, presety (Wind3/4, Icons, Attributify) i transformatory.

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

  • 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