UnoCSS

Überblick

UnoCSS ist eine sofort einsatzbereite Atomic-CSS-Engine für moderne Styling-Workflows. Dieser Skill vermittelt Agenten Kenntnisse über Konfigurationsmuster, Preset-Architektur und fortgeschrittene Techniken zur Erzeugung von Utility-Klassen.

Schwerpunkte

• Statische und dynamische Regeln für eigene Utility-Klassen konfigurieren
• Mit Preset-Familien wie Wind, Icons, Typography und Web Fonts arbeiten, einschließlich Tailwind-Kompatibilität
• Themes, Varianten und die Verwaltung von CSS-Layern anwenden
• Transformer für fortgeschrittene Syntax wie Direktiven und Variantengruppierung integrieren
• UnoCSS in Vite- und Nuxt-Umgebungen einrichten

Geeignete Einsatzbereiche

Verwenden Sie diesen Skill, wenn ein Agent ein Styling-System für ein Projekt einrichten, die Erzeugung von Atomic CSS anpassen oder zwischen CSS-Frameworks migrieren soll. Agenten können die Preset-Architektur schnell verstehen und Konfigurationen erstellen, die zu den Einschränkungen und Designzielen des Projekts passen.