Enforce UI standards for Tailwind CSS, animation, and accessibility.
npx skills add https://github.com/fcoury/config --skill ui-skills-fcoury
Please help me install this Agent Skill. Skill: ui-skills Source: https://github.com/fcoury/config/tree/main/ai/skills/ui-skills Command: npx skills add https://github.com/fcoury/config --skill ui-skills-fcoury
This Skill provides a set of opinionated constraints and best practices to ensure consistency, accessibility, and performance in user interfaces built by 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 UI consistency and accessibility with an agent, you can apply opinionated constraints that guide the agent toward established best practices for Tailwind CSS, motion/react, and interaction design. This ensures robust, user-friendly interfaces.
Best practices for Tailwind CSS and motion/react involve applying opinionated constraints that enforce standards for animation, typography, and layout. This guides agents to build performant interfaces while maintaining strict adherence to accessibility guidelines.
Yes, you can improve frontend performance and UX for new feature design by invoking opinionated UI constraints. These constraints guide agents on performance optimization, interaction patterns, and layout best practices to ensure high-quality results.
Yes, the skill works without external dependencies or component libraries. It operates by applying opinionated constraints directly to the agent's workflow, enforcing standards for design systems, accessibility, and performance without needing additional setup.
You should use opinionated UI constraints because letting an agent generate code freely often leads to inconsistent design and poor accessibility. Enforcing standards for component primitives and interaction design ensures the resulting user interface is robust and performant.
kmshihab7878Validate Tailwind CSS UI components for motion, typography, accessibility, and layout rules.
HadiCherkaouiTranslate design briefs into ready-to-run HTML/CSS/JS or framework components.
deomiarnGenerate design tokens, CSS variables, and Tailwind extensions for web design systems.
R2W1csLint and validate JavaScript and Python code for syntax and style issues.
