UI Skills

by @ibelick · plugin · 5 skills

UI Skills from ibelick/ui-skills.

Install the whole plugin (CLI)

npx skillmds add ibelick/baseline-ui
npx skillmds add ibelick/ui-skills-root
npx skillmds add ibelick/fixing-metadata
npx skillmds add ibelick/fixing-accessibility
npx skillmds add ibelick/fixing-motion-performance

⬇ Download

Skills in this plugin

▌
baseline-ui · ibelick
Enforces an opinionated UI baseline to prevent AI-generated interface slop, covering Tailwind CSS, accessible components, interaction patterns, animation constraints, typography, layout, and performance.

3.5k
repo stars
▌
ui-skills-root · ibelick
Routes UI-related tasks to the smallest useful UI skill context via the ui-skills CLI.

3.5k
repo stars
▌
fixing-metadata · ibelick
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.

3.5k
repo stars
▌
fixing-accessibility · ibelick
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors.

3.5k
repo stars
▌
fixing-motion-performance · ibelick
Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects.

3.5k
repo stars