← ClaudeAtlas

unocsslisted

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.
anantkanok/skills · ★ 2 · Web & Frontend · score 78
Install: claude install-skill anantkanok/skills
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)