unocss

Solid

UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.

Web & Frontend 5,273 stars 289 forks Updated 1 months ago MIT

Install

View on GitHub

Quality Score: 89/100

Stars 20%
100
Recency 20%
75
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

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. > The skill is based on UnoCSS 66.x, generated at 2026-01-28. ## Core | Topic | Description | Reference | |-------|-------------|-----------| | Configuration | Config file setup and all configuration options | [core-config](references/core-config.md) | | Rules | Static and dynamic rules for generating CSS utilities | [core-rules](references/core-rules.md) | | Shortcuts | Combine multiple rules into single shorthands | [core-shortcuts](references/core-shortcuts.md) | | Theme | Theming system for colors, breakpoints, and design tokens | [core-theme](references/core-theme.md) | | Variants | Apply variations like hover:, dark:, responsive to rules | [core-variants](references/core-variants.md) | | Extracting | How UnoCSS extracts utilities from source code | [core-extracting](references/core-extracting.md) | | Safelist & Blocklist | Force include or exclude specific utilities | [core-safelist](references/core-safelist.md)...

Details

Author
antfu
Repository
antfu/skills
Created
4 months ago
Last Updated
1 months ago
Language
TypeScript
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category