ibelick-ui-skills-2
By ibelick
Audit and automatically fix frontend UI issues including WCAG accessibility violations, animation performance problems like layout thrashing and jank, Tailwind CSS standards for React components, and HTML metadata for SEO using specialized AI skills.
Component Overview
Install
npx claudepluginhub joshuarweaver/cascade-code-general-misc-3 --plugin ibelick-ui-skills-2Component Details
Skills (4)
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.
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.
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.
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.
README
UI Skills
A set of skills to polish interfaces built by agents.
Installation
npx skills add ibelick/ui-skills
Add a specific skill
npx ui-skills add baseline-ui
npx ui-skills add fixing-accessibility
npx ui-skills add fixing-metadata
npx ui-skills add fixing-motion-performance
npx ui-skills add --all
Usage
/baseline-ui review src/
Available skills
| Skill | Purpose |
|---|---|
| baseline-ui | opinionated UI baseline |
| fixing-accessibility | keyboard, labels, focus, semantics |
| fixing-metadata | correct titles, meta, social cards |
| fixing-motion-performance | safe, performance-first UI motion |
More on ui-skills.com
License
Licensed under the MIT license.
Similar Plugins
caveman
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.