SkillProof tested Claude skills

UnoCSS

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

von antfu · antfu/skills

Getestet · Funktioniert ★ 8.8/10

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

Was es kann

Ein generiertes Referenzpaket für UnoCSS, die atomare CSS-Engine, die ein Superset der Tailwind-Syntax ist. Es verweist auf 23 Themen-Dateien, die config, dynamische rules, shortcuts, theming und jedes wichtige preset/transformer abdecken, und wird ausgelöst, wenn ein Benutzer UnoCSS konfiguriert, utility rules oder shortcuts schreibt oder presets wie Wind, Icons oder Attributify einbindet.

Testbericht

Config- und Preset-Referenz für UnoCSS 66.x: fragte nach einer uno.config.ts, die presetWind3, presetIcons und einen regex-basierten dynamischen shortcut mischt, und die dokumentierte Array-Form-shortcut-Syntax des Skills ist genau richtig, wo eine reine Gedächtnisantwort standardmäßig ein Objektliteral verwendete, das keinen regex matcher aufnehmen kann, und den veralteten presetUno-Namen anstelle des aktuellen presetWind3.

Getestet am: 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

Befehle & Beispiel-Prompts

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

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • 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

Vollständiger Testbericht (Englisch) →