SkillProof tested Claude skills

UnoCSS

Referencia de UnoCSS 66.x: config, rules, shortcuts, presets (Wind3/4, Icons, Attributify) y transformers.

Por antfu · antfu/skills

Probado · Funciona ★ 8.8/10

UnoCSS — Referencia de UnoCSS 66.x: config, rules, shortcuts, presets (Wind3/4, Icons, Attributify) y transformers.

Qué hace

Un paquete de referencia generado para UnoCSS, el motor CSS atómico que es un superconjunto de la sintaxis de Tailwind. Dirige a 23 archivos temáticos que cubren config, dynamic rules, shortcuts, theming, y cada preset/transformer principal, y se activa cuando un usuario está configurando UnoCSS, escribiendo reglas de utilidad o shortcuts, o conectando presets como Wind, Icons, o Attributify.

Informe de la prueba

Referencia de configuración y presets para UnoCSS 66.x: se solicitó un uno.config.ts que mezclara presetWind3, presetIcons y un shortcut dinámico basado en regex, y la sintaxis de shortcut en forma de array documentada por la habilidad es exactamente correcta, mientras que una respuesta solo de memoria por defecto usó un objeto literal que no puede contener un matcher de regex, y el nombre heredado presetUno en lugar del actual presetWind3.

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

Instalación

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

Comandos y prompts de ejemplo

  • /unocssReferencia de UnoCSS 66.x: config, rules, shortcuts, presets (Wind3/4, Icons, Attributify) y transformers.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • 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

Informe completo →