ibelick/ui-skills▌

Enforces design and interaction constraints to prevent common UI anti-patterns in Tailwind CSS projects. \n \n Validates animation durations (max 200ms for interactions), restricts animations to compositor properties only, and enforces prefers-reduced-motion respect \n Requires accessible component primitives (Base UI, React Aria, Radix) for interactive elements and enforces keyboard behavior standards \n Checks typography rules including text-balance for headings, tabular-nums for data, and pre

Audit and improve UI surfaces while preserving product identity.

Audit and fix HTML metadata including titles, descriptions, canonical URLs, Open Graph tags, and structured data. \n \n Covers eight priority categories: correctness and duplication, title and description, canonical and indexing, social cards, icons and manifest, structured data, locale and alternates, and tool boundaries \n Ensures metadata consistency across page titles, descriptions, canonical URLs, and Open Graph tags; prevents duplicates and enforces deterministic values \n Includes rules f

Audit and fix HTML accessibility issues across ARIA labels, keyboard navigation, focus management, and WCAG compliance. \n \n Covers nine rule categories prioritized by impact: accessible names, keyboard access, focus management, semantics, forms and errors, announcements, contrast, media, and tool boundaries \n Provides targeted fixes for common patterns like icon-only buttons, form error linking, and focus trapping in modals \n Includes quick reference for when to apply (interactive controls,

Audit and fix animation performance issues including layout thrashing, compositor properties, and scroll-linked motion. \n \n Covers nine rule categories by priority: never patterns, mechanism selection, measurement batching, scroll-linked motion, paint optimization, layer promotion, blur/filter constraints, view transitions, and tool boundaries \n Provides file-level review mode that identifies violations with exact line quotes, impact explanation, and concrete code fixes \n Includes FLIP-style