UnoCSS

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

av antfu · antfu/skills

Testad · Fungerar ★ 8.8/10

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

Vad den gör

Ett genererat referenspaket för UnoCSS, den atomiska CSS-motorn som är en superset av Tailwind-syntax. Den dirigerar till 23 ämnesfiler som täcker config, dynamiska regler, shortcuts, theming och varje större preset/transformer, och utlöses när en användare konfigurerar UnoCSS, skriver utility rules eller shortcuts, eller kopplar upp presets som Wind, Icons eller Attributify.

Testrapport

Config- och preset-referens för UnoCSS 66.x: bad om en uno.config.ts som blandar presetWind3, presetIcons och en regex-baserad dynamisk shortcut, och skillens dokumenterade array-form shortcut-syntax är exakt korrekt där ett minnesbaserat svar som standard använde en objektliteral som inte kan innehålla en regex-matcher, och till det äldre presetUno-namnet istället för det nuvarande presetWind3.

Testad: 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

Kommandon och exempelprompter

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

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

  • 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