Unocss

UnoCSS is an instant atomic CSS engine that serves as a flexible, superset alternative to Tailwind CSS, designed for developers who need highly customizable utility-based styling. It solves the problem of rigid CSS frameworks by offering an unopinionated core where all utilities come from configurable presets (Wind, Icons, Attributify, etc.), allowing teams to extend and tailor their styling system to specific project needs. Users should check project configuration files before implementing UnoCSS to understand available presets and rules, and avoid advanced features like attributify mode unless the setup is explicitly configured.

skills.sh installs: 16.3K
GitHub stars: 6.1K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add antfu/skills --skill unocss --agent claude-code

Installs into .claude/skills of the current project.

Files

UnoCSS is an instant atomic CSS engine designed to be flexible and extensible. The core is un-opinionated - all CSS utilities are provided via presets. It's a superset of Tailwind CSS, so you can reuse your Tailwind knowledge for basic syntax usage.

Important: Before writing UnoCSS code, agents should check for uno.config.* or unocss.config.* files in the project root to understand what presets, rules, and shortcuts are available. If the project setup is unclear, avoid using attributify mode and other advanced features - stick to basic class usage.