ui-skills

To enforce UI best practices, apply opinionated constraints to your AI agent conversations that mandate accessible primitives, proper ARIA attributes, and performance guidelines like avoiding layout property animations. This ensures generated frontend code meets modern web standards.

Yes, this UI skill works specifically with Tailwind CSS defaults and framer-motion for animations. It enforces adherence to these libraries and specific utilities for class logic and animation to create consistent, high-quality user interfaces.

The best way to prevent performance issues is to apply UI constraints that guide against performance-degrading practices, specifically avoiding animating layout properties and using excessive blur effects in your frontend component designs.

To review proposed UI code for accessibility violations, invoke this skill during feature development. It automatically checks your code against standards for accessible primitives and ARIA attributes, suggesting fixes for any violations found.

AI agents generate inconsistent frontend designs because they lack defined constraints for typography and layout. By applying opinionated UI best practices, you enforce specific design standards that ensure consistent, high-quality interface generation.

You must use Tailwind CSS defaults. This skill applies opinionated constraints that require adherence to specific libraries and utilities for styling, class logic, and animation, ensuring consistent and accessible user interfaces.