Skill / Layout / Design Systems / Accessibility / External
frontend-ui-engineering
Frontend UI engineering guidance covering component architecture, responsive design, accessibility, and maintainable implementation patterns.
by addyosmani
Works with
Universal
Hosted in an external repository
This skill's full instructions live in its source repository, not on UI Skillbook. Open it on GitHub to read it, or copy a prompt that points your agent straight at it.
Related skills
build-primitiveExternal
Build foundational UI primitives from scratch with strong ARIA, keyboard, focus, and state handling.
create-anatomyExternal
Generate a visual anatomy annotation in Figma showing numbered markers on a component instance with an attribute table. Use when the user mentions anatomy, anatomy annotation, component anatomy, create anatomy, or wants to annotate a component's structural elements.
create-voiceExternal
Generate VoiceOver, TalkBack, and ARIA screen reader specs in Figma with focus order, property tables, and announcements by component state.
accessibilityExternal
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".