unocss

1UnoCSS 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.
2 
3**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.
4 
5> The skill is based on UnoCSS v66.10.5, generated at 2026-09-25.
6 
7## Core
8 
9| Topic | Description | Reference |
10|-------|-------------|-----------|
11| Configuration | Config file setup and all configuration options | [core-config](references/core-config.md) |
12| Rules | Static and dynamic rules for generating CSS utilities | [core-rules](references/core-rules.md) |
13| Shortcuts | Combine multiple rules into single shorthands | [core-shortcuts](references/core-shortcuts.md) |
14| Theme | Theming system for colors, breakpoints, and design tokens | [core-theme](references/core-theme.md) |
15| Variants | Apply variations like hover:, dark:, responsive to rules | [core-variants](references/core-variants.md) |
16| Extracting | How UnoCSS extracts utilities from source code | [core-extracting](references/core-extracting.md) |
17…