unocss

An agent skill by antfu, from antfu/skills. Tags: javascript, vite, vue.

What it does

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.

Install

With the skills CLI, which installs into Claude Code, Codex, Cursor and other agents:

npx skills add antfu/skills --skill unocss

Or copy the skill folder into Claude Code's skills directory by hand (~/.claude/skills for every project, or .claude/skills inside one):

git clone --depth 1 https://github.com/antfu/skills
cp -r skills/skills/unocss ~/.claude/skills/unocss

Safety box score

Not rated yet. A safety box score grades what a skill and its scripts can reach on the machine of whoever installs it, across eight categories from shell execution to secrets access. Anyone can request one from this page; it is saved for everyone. How the score works.

Source

Repository

antfu/skills (all skills from this repository)

Path

skills/unocss/SKILL.md

Branch

main

Updated

2026-09-22

Related skills

• antfu — Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects.
• antfu-design — antfu-style design conventions, broadened.
• nitro — Nitro is the framework-agnostic server toolkit (powering Nuxt) for building and deploying web servers anywhere.
• nuxt — Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing.
• pinia — Pinia official Vue state management library, type-safe and extensible.
• pnpm — Node.js package manager with strict dependency resolution. Use when running pnpm specific commands, configuring workspaces via pnpm-workspace.yaml.