Enforce UI constraints for React, Tailwind, and motion/react components.
npx skills add https://github.com/BenjaminG/ai-skills --skill ui-skills-benjaming
Please help me install this Agent Skill. Skill: ui-skills Source: https://github.com/BenjaminG/ai-skills/tree/main/ui-skills Command: npx skills add https://github.com/BenjaminG/ai-skills --skill ui-skills-benjaming
This Skill codifies opinionated constraints to ensure consistent, accessible, and maintainable user interfaces across UI work with agents.
Use the ui-skills to review the current UI work and report constraint violations with concrete fixes.
High-intent search queries and answers about installing and using this skill.
To check React components for UI accessibility and consistency violations, this Skill automates reviews of your code against opinionated constraints, reporting structural issues and concrete fixes for proper aria-labels, focus management, and safe interaction patterns.
Opinionated UI constraints are predefined rules for styling, structure, and interaction that ensure frontend interfaces remain consistent, accessible, and maintainable across projects, preventing common pitfalls like missing focus management or unsafe destructive actions.
Yes, you can use this Skill to enforce Tailwind CSS defaults in your project. It validates your React components against Tailwind styling rules to ensure design consistency and structural compliance across your UI work.
To validate safe interaction patterns for destructive actions in React, this Skill checks your components against established constraints, guiding you to use AlertDialog primitives and avoid common pitfalls during manual validations and automated reviews.
Yes, this UI constraint checker supports animation libraries like motion/react. It specifically targets React components styled with Tailwind, requiring motion/react for animations and using Base UI primitives where appropriate.
gustavscirulisValidate Tailwind CSS UI against animation, typography, accessibility, and layout constraints.
r1cA18Analyze UI files against Tailwind CSS, motion/react, and accessibility constraints.
vladolaruImplement ARIA, keyboard, and focus management patterns for React and HTML components.
vercel-labsValidate animation durations, typography scale, and accessibility in Tailwind CSS projects.
