Build Accessible React UI

curated by SkillMD · plugin · 4 skills

Install this pack to build an accessible, performant React UI component from design to audit.

Install the whole plugin (CLI)

npx skillmds add addyosmani/frontend-ui-engineering
npx skillmds add owl-listener/wireframe-spec
npx skillmds add affaan-m/react-patterns
npx skillmds add affaan-m/frontend-a11y

⬇ Download

Skills in this plugin

▌
frontend-ui-engineering · addyosmani
Build production-quality user interfaces that are accessible, performant, and visually polished, with guidance on component architecture, state management, design system adherence, and accessibility.

69.5k
repo stars
▌
wireframe-spec · owl-listener
Specify wireframe layouts with content priority, component placement, and annotations for behavior, responsiveness, and accessibility.

1.7k
repo stars
▌
react-patterns · affaan-m
Provides idiomatic React 18/19 patterns for hooks, server/client components, Suspense, error boundaries, forms, data fetching, state management, and accessibility-first composition.

226k
repo stars
▌
frontend-a11y · affaan-m
Provides practical accessibility patterns for React and Next.js, covering form labeling, semantic HTML, ARIA attributes, keyboard navigation, focus management, and screen reader support.

226k
repo stars