Generate atomic CSS on demand with UnoCSS utility classes and custom rules.
npx skills add https://github.com/mgd34msu/goodvibes-gemini --skill unocss-mgd34msu
Please help me install this Agent Skill. Skill: unocss Source: https://github.com/mgd34msu/goodvibes-gemini/tree/main/skills/unocss Command: npx skills add https://github.com/mgd34msu/goodvibes-gemini --skill unocss-mgd34msu
This Skill provides a fast and flexible way to implement atomic CSS using UnoCSS, enabling rapid styling with on-demand generation and extensive customization options.
Install UnoCSS and configure it in your Vite project by following the setup instructions in the documentation.
High-intent search queries and answers about installing and using this skill.
Atomic CSS generation on demand is achieved by installing UnoCSS and configuring it in your project, ensuring only the utility classes you actually use are generated into the final CSS bundle.
Utility-first styling with high customizability is applied by defining custom rules, shortcuts, variants, and theme configurations within your UnoCSS setup to match your specific design system requirements.
Yes, you can use UnoCSS with Vite for rapid UI development by following the setup instructions to install and configure the engine directly within your Vite project environment.
UnoCSS supports pre-built configurations like Tailwind and Windi through its presets feature, allowing you to quickly leverage familiar utility classes for immediate styling.
Custom shortcuts for your design system are created by defining them within the UnoCSS configuration, allowing you to combine multiple utility classes into single, reusable custom rules.
heamlkGenerate atomic CSS utilities on demand from UnoCSS configuration files.
ReshzyFix Tailwind utility classes in Blade, JSX, or Vue templates for responsive layouts and dark mode support.
mymx2Configure UnoCSS atomic CSS engine with presets and custom rules.
baasith6Convert CSS selectors, properties, and rules to Tailwind CSS utility classes.
