design-stephanie-walter
CommunityMake accessibility visible in design handoffs.
Design & Creative#screen reader#keyboard navigation#wcag 2.2#ux research#accessibility documentation#a11y handoff#design annotations
Authorrodrigo-altissimo
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Accessibility requirements often get lost between design and development, leaving teams with incomplete specs for keyboard, screen reader, and content accessibility.
Core Features & Use Cases
- Accessibility documentation across 4 areas: Visual Design, Interactions, Navigation, and Content Access for components and pages.
- Mockup annotations for a11y handoff: Focus order, landmarks, headings, alt text guidance, interaction states, and keyboard/screen reader expectations.
- Audit and gap analysis: Identify missing documentation and produce a prioritized remediation plan aligned to designer needs and WCAG criteria.
Quick Start
Activate this skill to generate accessibility documentation and annotations for a component’s design mockup, ensuring keyboard and screen reader behavior is explicitly documented for a developer-ready handoff.
Dependency Matrix
Required Modules
None requiredComponents
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-stephanie-walter Download link: https://github.com/rodrigo-altissimo/qiartificial/archive/main.zip#design-stephanie-walter Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.