SkillProof tested Claude skills

UnoCSS

Référence UnoCSS 66.x : config, règles, raccourcis, préréglages (Wind3/4, Icons, Attributify) et transformateurs.

par antfu · antfu/skills

Testé · Fonctionne ★ 8.8/10

UnoCSS — Référence UnoCSS 66.x : config, règles, raccourcis, préréglages (Wind3/4, Icons, Attributify) et transformateurs.

Ce que fait

Un pack de référence généré pour UnoCSS, le moteur CSS atomique qui est un sur-ensemble de la syntaxe Tailwind. Il renvoie à 23 fichiers thématiques couvrant la configuration, les règles dynamiques, les raccourcis, le theming, et chaque préréglage/transformateur majeur, et se déclenche lorsqu'un utilisateur configure UnoCSS, écrit des règles utilitaires ou des raccourcis, ou connecte des préréglages comme Wind, Icons, ou Attributify.

Rapport de test

Référence de configuration et de préréglages pour UnoCSS 66.x : a demandé un `uno.config.ts` mélangeant `presetWind3`, `presetIcons` et un raccourci dynamique basé sur une regex, et la syntaxe de raccourci sous forme de tableau documentée par la compétence est exactement correcte là où une réponse basée uniquement sur la mémoire a par défaut utilisé un littéral d'objet qui ne peut pas contenir un `regex matcher`, et le nom `presetUno` hérité au lieu du `presetWind3` actuel.

Testé le: 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

Commandes et exemples de prompts

  • /unocssRéférence UnoCSS 66.x : config, règles, raccourcis, préréglages (Wind3/4, Icons, Attributify) et transformateurs.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • 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

Rapport complet →