ui-skills

To enforce consistent UI constraints and accessibility standards in frontend components, apply opinionated rules for Tailwind defaults, accessible primitives, ARIA labels, and focus management. This ensures interface consistency and reduces implementation drift across design systems.

Safe animation practices for frontend interfaces respecting prefers-reduced-motion involve recommending animations only when requested, using compositor properties. This approach ensures accessible interactions without triggering unnecessary motion for sensitive users.

Yes, this UI constraint skill works with existing Tailwind CSS design systems by enforcing Tailwind defaults and consistent styling across components. It guides both design and implementation workflows to maintain cohesive UX in complex interfaces like dashboards.

To validate UI layout choices like z-index and fixed sizes for design consistency, apply opinionated constraints that guide typography defaults and layout structures. This reduces design-decision overhead and ensures cohesive interfaces across projects.

Implementation drift happens in UI development due to inconsistent design decisions across projects. Constraints prevent it by codifying opinionated rules for Tailwind styling, accessible primitives, and layout guidelines, ensuring performant and consistent interfaces.

You need opinionated UI constraints for building complex dashboards when you want to maintain cohesive UX and reduce design-decision overhead. Applying these constraints ensures consistent styling, accessible interactions, and safe typography layout guidelines.