antfu-design

To implement light and dark mode in UnoCSS, this skill provides specific design conventions and best practices for dual theme support. It focuses on class-based semantic tokens that automatically adapt to provide a better user experience across both light and dark themes.

Yes, this UnoCSS design skill applies design principles and token systems across various frameworks. It provides a comprehensive set of rules and guidelines for creating visually consistent and accessible interfaces regardless of the specific framework being used.

Using UnoCSS design conventions requires the UnoCSS dependency installed and an understanding of design fundamentals. The skill provides the structured rules and token system, but foundational design knowledge is necessary to apply them effectively.

To structure light and dark mode themes in UnoCSS, you utilize class-based semantic tokens that support dual themes. This skill offers specific design rules to ensure your interface maintains consistency and accessibility across both light and dark modes.

The best way to maintain UI consistency when refactoring with UnoCSS is to apply class-based semantic tokens and structured design rules. This skill provides the specific conventions needed to ensure design elements remain consistent and accessible across your project.