Skills
.Work. You
Rest

design-heydon-pickering

Community

Build inclusive, accessible components

Design & Creative#inclusive design#accessibility#semantic html#progressive enhancement#keyboard support#aria patterns#intrinsic layout
Authorrodrigo-altissimo
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It helps you create and repair web UI so it works reliably for everyone, starting with semantic HTML, correct ARIA only when necessary, and progressive enhancement.

Core Features & Use Cases

  • Inclusive component construction: produce components with semantic foundations, keyboard interaction, state management, assistive-technology announcements, and graceful layer-by-layer enhancement.
  • ARIA pattern remediation: audit existing components, identify semantic gaps, apply ARIA correctly, and ensure the missing behavior and screen-reader announcements are implemented.
  • Intrinsic layout planning: compose responsive layouts using Every Layout-style primitives without relying on breakpoint-heavy approaches.

Quick Start

Ask the Heydon Pickering skill to audit your component for accessibility and return a prioritized remediation plan for semantics, ARIA, keyboard support, and screen reader announcements.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-heydon-pickering
Download link: https://github.com/rodrigo-altissimo/qiartificial/archive/main.zip#design-heydon-pickering

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.