github.com/ibelick/ui-skills
Skill | Added | Review |
|---|---|---|
baseline-ui Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency. | 95 1.74x Agent success vs baseline Impact 96% 1.74xAverage score across 3 eval scenarios Securityby Passed No known issues Reviewed: Version: 95d0e08 | |
fixing-motion-performance Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance. | 96 1.23x Agent success vs baseline Impact 96% 1.23xAverage score across 3 eval scenarios Securityby Passed No known issues Reviewed: Version: 95d0e08 | |
fixing-metadata Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use when adding SEO metadata, fixing social share previews, reviewing Open Graph tags, setting up canonical URLs, or shipping new pages that need correct meta tags. | 90 1.00x No change in agent success vs baseline Impact 94% 1.00xAverage score across 3 eval scenarios Securityby Passed No known issues Reviewed: Version: 95d0e08 | |
fixing-accessibility Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance. | 99 1.06x Agent success vs baseline Impact 99% 1.06xAverage score across 3 eval scenarios Securityby Passed No known issues Reviewed: Version: 95d0e08 |