SkillProof tested Claude skills

UnoCSS

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

di antfu · antfu/skills

Promosso ★ 8.8/10

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

Cosa fa

Un pacchetto di riferimento generato per UnoCSS, il motore CSS atomico che è un superset della sintassi Tailwind. Si collega a 23 file tematici che coprono config, regole dinamiche, shortcuts, theming e ogni preset/transformer principale, e si attiva quando un utente sta configurando UnoCSS, scrivendo regole utility o shortcuts, o collegando preset come Wind, Icons o Attributify.

Rapporto di test

Riferimento config e preset per UnoCSS 66.x: richiesta una `uno.config.ts` che mescolasse `presetWind3`, `presetIcons` e uno shortcut dinamico basato su regex, e la sintassi dello shortcut in formato array documentata dalla skill è esattamente corretta, laddove una risposta basata solo sulla memoria ha utilizzato un oggetto letterale che non può contenere un matcher regex, e il nome legacy `presetUno` invece dell'attuale `presetWind3`.

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

Installazione

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

Comandi e prompt di esempio

  • /unocssRiferimento UnoCSS 66.x: config, rules, shortcuts, presets (Wind3/4, Icons, Attributify) e transformers.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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

Rapporto completo →