🎯

unocss

🎯Skill

from antfu/skills

What it does

A UnoCSS skill from Anthony Fu's curated collection (antfu/skills), generated from official documentation to provide AI coding agents with atomic CSS engine expertise including presets, transformers, and configuration patterns.

Overview

UnoCSS is a skill from Anthony Fu's curated skills collection (antfu/skills), providing AI coding agents with comprehensive knowledge of UnoCSS, an atomic CSS engine. This skill is generated from official UnoCSS documentation and fine-tuned by Anthony Fu, covering presets, transformers, configuration, and atomic utility patterns. It is part of a proof-of-concept collection that generates agent skills from source documentation and keeps them in sync.

Key Features

Official Documentation-Based: Generated directly from the UnoCSS source documentation and maintained in sync via git submodules, ensuring the skill stays up-to-date with the latest UnoCSS features
Atomic CSS Engine Expertise: Covers UnoCSS's core concepts including atomic utility classes, custom presets, transformers, and configuration patterns for building efficient CSS
Part of a Comprehensive Vue/Vite Collection: Works alongside skills for Vue, Nuxt, Vite, Vitest, Pinia, VitePress, and pnpm, making it ideal as part of a one-stop collection for Vue/Vite ecosystem development
Universal Agent Compatibility: Uses the standard SKILL.md format, compatible with Claude Code, Gemini CLI, and other AI coding assistants via

Who is this for?

Frontend developers using UnoCSS who want their AI coding agent to understand atomic CSS patterns, presets, and configuration
Vue/Nuxt developers in the Vite ecosystem who benefit from having UnoCSS expertise alongside complementary Vue, Nuxt, and Vite skills
Teams adopting UnoCSS as their CSS solution who need AI agents that can generate correct atomic utility classes and configurations

📦

Same repository

antfu/skills(17 items)

unocss

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add antfu/skills --skill unocss

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add antfu/skills --skill unocss

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/unocss/SKILL.md

SKILL.md

4,296Installs

2,813

Last UpdatedJan 28, 2026

View on GitHub Back to Skills

More from this repository10

🎯

vite🎯Skill

An AI agent skill from Anthony Fu's collection, generated from official Vite documentation, providing specialized knowledge on Vite build tool configuration, plugins, SSR, and library mode.

🎯

vitest🎯Skill

Agent skill for Vitest unit testing framework generated from official vitest-dev/vitest documentation, part of Anthony Fu's curated skills collection for Vue/Vite ecosystem development.

🎯

vue🎯Skill

Streamlines Vue.js development with best practices, component design patterns, and performance optimization techniques for scalable web applications.

🎯

vue-best-practices🎯Skill

Enforces Vue 3 best practices with Composition API, TypeScript, and performance optimization guidelines for robust Vue development.

🎯

vueuse-functions🎯Skill

Provides composable Vue Composition API utility functions for reactive state management, side effects, and common frontend interactions.

🎯

pnpm🎯Skill

Agent skill generated from pnpm official documentation, part of Anthony Fu's curated collection covering Vue, Nuxt, Vite, and related tools for modern frontend development.

🎯

web-design-guidelines🎯Skill

Reviews UI code against comprehensive web design guidelines, checking accessibility, UX, and best practices for web interfaces.

🎯

pinia🎯Skill

A Claude Code skill generated from official Pinia documentation providing type-safe Vue state management guidance, part of Anthony Fu's curated skill collection for the Vue/Nuxt ecosystem.

🎯

nuxt🎯Skill

Streamlines Nuxt.js development with best practices, performance optimization, and comprehensive configuration management for Vue.js applications.

🎯

antfu🎯Skill

A hand-maintained Claude Code skill by Anthony Fu encoding his personal preferences and best practices for ESLint, pnpm, Vitest, and Vue across app and library projects.