Enforce opinionated UI constraints for consistency, accessibility, and performance.
npx skills add https://github.com/raduceuca/wcgw-fun --skill ui-skills-raduceuca
Please help me install this Agent Skill. Skill: ui-skills Source: https://github.com/raduceuca/wcgw-fun/tree/main/.claude/skills/ui-skills Command: npx skills add https://github.com/raduceuca/wcgw-fun --skill ui-skills-raduceuca
This Skill provides opinionated constraints and best practices to ensure consistency, accessibility, and performance when building user interfaces for agents.
Apply these opinionated constraints to any UI work in this conversation.
High-intent search queries and answers about installing and using this skill.
To enforce consistent UI development and accessibility, apply opinionated constraints that guide styling, component primitives, and interaction patterns. This ensures interfaces built with agents maintain standards for ARIA attributes and compliance.
Accessible dialog and button components require using accessible primitives and ARIA attributes. Ensure all buttons with icons have an accessible label and follow established interaction patterns to maintain compliance and usability.
Yes, this UI skill works with Tailwind CSS and framer-motion by enforcing opinionated stack choices. It guides animation best practices and performance considerations to prevent rendering pitfalls while using these technologies.
To optimize UI animation performance, follow best practices that guide against performance pitfalls in rendering. Ensure animations respect user preferences by applying opinionated constraints to interaction patterns and motion implementations.
Yes, you can use component primitives from Base UI, React Aria, or Radix. The skill enforces standards for styling and interaction patterns using these primitive libraries to ensure accessibility and consistency.
AI-generated user interfaces lack consistency and accessibility because they miss opinionated constraints. Applying standards for styling, accessible primitives, and interaction patterns ensures compliance and prevents performance pitfalls.
daveioConfigure Tailwind v4 and shadcn/ui theming with CSS variables and dark mode.
baekenoughAudit UI code against accessibility, performance, and UX guidelines.
gustavscirulisValidate Tailwind CSS UI against animation, typography, accessibility, and layout constraints.
alissimoreApply Nexus design system and Tailwind CSS tokens to UI components.
