Generate atomic CSS utilities from UnoCSS presets and configurable frontmatter.
npx skills add https://github.com/wjyugutou/study-test-demo --skill unocss-wjyugutou
Please help me install this Agent Skill. Skill: unocss Source: https://github.com/wjyugutou/study-test-demo/tree/main/.trae/skills/unocss Command: npx skills add https://github.com/wjyugutou/study-test-demo --skill unocss-wjyugutou
UnoCSS provides instant atomic CSS utilities and a flexible config system, reducing CSS bloat and setup time.
Install UnoCSS in your project, create an uno.config.ts, and start using class utilities like text-blue-500 or p-4
High-intent search queries and answers about installing and using this skill.
UnoCSS generates atomic CSS utilities on demand directly from configurable presets and themes, allowing you to style components rapidly without writing custom CSS.
Yes, responsive and stateful variants are supported out of the box, enabling you to quickly style components with utilities like text-blue-500 or p-4.
You can configure styling presets by creating an uno.config.ts file, which drives the generation of atomic utilities and integrates extensible ecosystem components like Wind3 and Mini.
Yes, UnoCSS supports a tailwind-compatible utility-first workflow, reducing CSS bloat and setup time by generating atomic utilities on demand from your configuration.
The extensible ecosystem includes Wind3, Mini, Icons, Attributify, and Web Fonts, providing atomic utilities and flexible configuration options for your projects.
heamlkGenerate atomic CSS utilities on demand from UnoCSS configuration files.
mheersGenerate atomic CSS utilities from preset-based config files at build time.
pleaseaiGenerates Tailwind-like atomic CSS classes for rapid web development.
CloudDevCrusaderGenerate atomic CSS utilities on-demand via uno.config.ts configuration.
