unocss
OfficialInstant atomic CSS for fast UI styling.
Authoruni-helper
Version1.0.0
Installs0
System Documentation
What problem does it solve?
UnoCSS solves the tedium of writing and maintaining large CSS by generating atomic utility classes on demand, enabling scalable styling with fewer lines of CSS.
Core Features & Use Cases
- Atomic utilities powered by presets and variants for flexible design.
- Theming, responsive breakpoints, and design tokens support for scalable UI.
- Works across modern frameworks and build tools, speeding up prototyping and UI consistency.
Quick Start
Install UnoCSS in your project, create a configuration file (uno.config.ts/js) with at least a preset (e.g., presetWind3), then start using utilities in your templates. For example, apply basic utilities like text, margin, and padding to components.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: unocss Download link: https://github.com/uni-helper/skills/archive/main.zip#unocss Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.