unocss

仓库创建 2026年1月28日最近提交 1 个月前SkillHot 收录 20 天前

▸ 精选理由

适合灵活可扩展的原子化 CSS 场景

这个 Skill 做什么

UnoCSS 即时原子化 CSS 引擎，兼容 Tailwind，支持自定义 presets 与规则。

把 CSS 写成原子化工具类的方式，兼容 Tailwind 语法，还能用各种 presets（比如 Wind、Icons、Attributify）自定义规则或快捷方式。在配置 UnoCSS、写 utility 规则或复用 Tailwind 经验时用最合适。特别之处在于即时生成、极易扩展，先看项目根目录的 uno.config.* 能避免写错规则。

▸ 展开 SKILL.md 英文原文

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.

开发编程原子CSSTailwind兼容前端通用

5.7k

Stars

314

Forks

仓库内 Skill

+173

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/antfu/skills/main/skills/unocss/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/antfu/skills/main/skills/unocss/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

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

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有