Generate on-demand atomic CSS utilities from uno.config presets and transformers.
npx skills add https://github.com/Shaarav4795/ScholarFlow --skill unocss-shaarav4795
Please help me install this Agent Skill. Skill: unocss Source: https://github.com/Shaarav4795/ScholarFlow/tree/main/.agents/skills/unocss Command: npx skills add https://github.com/Shaarav4795/ScholarFlow --skill unocss-shaarav4795
UnoCSS provides on-demand utility-first CSS generation to keep styles lean and maintainable in large projects.
Install UnoCSS, configure uno.config.ts with your presets, and start using utility classes in your markup.
High-intent search queries and answers about installing and using this skill.
To generate on-demand atomic CSS and reduce stylesheet bloat, configure a build-time processor with uno.config to apply presets and output scoped CSS, keeping styles lean and maintainable.
Atomic CSS utility generation creates scoped styles on-demand rather than shipping pre-built stylesheets. You need it for scalable design systems and rapid UI iteration when keeping styles lean across large projects.
Set up responsive variants and theming by installing the processor, defining breakpoints and theme tokens in your configuration file, then using utility classes directly in markup for rapid UI prototyping.
UnoCSS works framework-agnostic and supports directives like @apply, @screen, theme(), and icon() via transformers, allowing you to apply utility classes and presets across different platforms.
The best way to configure presets and transformers for utility-first CSS is to define them in your configuration file, which the build-time processor reads to generate the full range of utility classes and variants on-demand.
Your build-time processor needs a configuration file because it reads uno.config to apply presets and transformers, which determines the generated utility classes, responsive variants, and scoped CSS output.
heamlkGenerate atomic CSS utilities on demand from UnoCSS configuration files.
dspangenbergWrite or fix Tailwind CSS utility classes in HTML, Blade, JSX, and Vue markup.
erikhazzardDesign frontend architectures with BEM, design tokens, and accessible markup.
lengo0951Style React user interfaces with shadcn/ui and Tailwind CSS.
