UnoCSS
Configure and extend atomic CSS with customizable presets and rules.
Install
https://github.com/antfu/skills/tree/main/skills/unocss
Agent working with atomic CSS configuration, utility setup, or styling system optimization in modern web projects.
- Author
- Anthony Fu
Overview
UnoCSS is an instant atomic CSS engine that powers modern styling workflows. This skill equips agents with knowledge of configuration patterns, preset architecture, and advanced utility generation techniques.
Highlights
- Configure static and dynamic rules for custom utility classes
- Work with preset families including Wind (Tailwind-compatible), Icons, Typography, and Web Fonts
- Apply theming, variants, and CSS layer management
- Integrate transformers for advanced syntax like directives and variant grouping
- Set up UnoCSS in Vite and Nuxt environments
When to Use
Use this skill when an agent needs to set up a project styling system, customize atomic CSS generation, or migrate between CSS frameworks. Agents can quickly understand preset architecture and write configuration that matches project constraints and design goals.
Similar skills
Atomic Agents Skills
SkillScaffolds Atomic Agents code where every agent, tool and context boundary is a validated schema.
Wondel Agent Skills
Skill50 book-derived frameworks plus 12 guided journeys an agent walks you through.
Auth0 Agent Skills
SkillOne Auth0 skill that routes by framework and feature, then loads only the guides that apply.
Comments(0)
Sign in to comment