MCPInstall

handoff

Generate an accessibility decision handoff for engineering. Chains: decision-documentation, compliance-mapping, accessibility-testing-strategy. Use when a design is ready for implementation and the engineering team needs clear accessibility specifications.

Installs
74
Last 24h
—
Trending rank
—
Security
Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/owl-listener/inclusive-design-skills --skill handoff
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads handoff automatically when relevant.

  3. 03

    Review the result

    The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

Accessibility Decision Handoff

Package accessibility decisions into a clear specification that engineers can implement against — because "make it accessible" is not a specification.

Process

Step 1: Compile Decisions

Using decision-documentation, gather all accessibility decisions for the feature:

  • Interaction patterns and keyboard behaviour
  • Screen reader announcements and ARIA requirements
  • Visual specifications (contrast, colour independence, motion)
  • Content requirements (reading level, alt text, link text)
  • Adaptive behaviour (preferences, zoom, density)

Step 2: Map to Implementation

Using compliance-mapping, translate each design decision into specific implementation requirements:

For each interactive element specify:

  • HTML element or ARIA role
  • Keyboard behaviour (which keys do what)
  • Focus management (where focus goes after actions)
  • Screen reader name, role, and state announcements
  • Visual states (default, hover, focus, active, disabled, error)

For each content element specify:

  • Heading level
  • Alt text (exact text or strategy)
  • Link text
  • Language attributes if multilingual

For each adaptive behaviour specify:

  • Media query and expected response
  • Preference detected and what changes
  • Breakpoints and reflow behaviour

Step 3: Define Test Criteria

Using accessibility-testing-strategy, provide specific test cases for each requirement:

  • Keyboard test: "Tab to the submit button, press Enter, verify focus moves to the confirmation message"
  • Screen reader test: "Navigate to the error, verify it announces: 'Error: email address is required'"
  • Visual test: "Verify contrast ratio of body text is at least 4.5:1 in both light and dark modes"
  • Zoom test: "At 200% zoom, verify the form reflows to single column with no horizontal scroll"

Step 4: Flag Risks and Dependencies

Note anything engineers need to be aware of:

  • Components that need custom keyboard handling
  • Places where framework defaults aren't accessible
  • Third-party components that may need wrapping or replacing
  • Areas where automated testing won't catch the issue

Output

Deliver a handoff document containing:

  1. Accessibility specification — element-by-element requirements with HTML, ARIA, keyboard, and visual specifications
  2. Test cases — specific, executable test scenarios for keyboard, screen reader, visual, and zoom testing
  3. WCAG mapping — which success criteria each requirement addresses
  4. Risk register — known challenges and recommended approaches
  5. Definition of done — the specific accessibility criteria that must pass before the feature ships

FAQ

What does the handoff skill do?

Generate an accessibility decision handoff for engineering. Chains: decision-documentation, compliance-mapping, accessibility-testing-strategy. Use when a design is ready for implementation and the engineering team needs clear accessibility specifications.

How do I install handoff?

Run npx skills add https://github.com/owl-listener/inclusive-design-skills --skill handoff in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/handoff/ (personal) or .claude/skills/handoff/ (project).

Which AI agents can use handoff?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is handoff safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains handoff?

It is published by owl-listener in owl-listener/inclusive-design-skills. It has 74 recorded installs.

More from owl-listener/inclusive-design-skills

View all →

keyboard-navigation

owl-listener/inclusive-design-skills

Design keyboard navigation and focus management for users who cannot or prefer not to use a mouse or touch screen. Use when designing any interactive interface — forms, menus, modals, tabs, carousels, drag-and-drop, data tables, or custom components. Triggers on: keyboard, focus, tab order, focus trap, skip link, arrow keys, keyboard shortcut, can't use mouse, motor disability, switch access, focus indicator, focus ring.

97 installs

plain-language-design

owl-listener/inclusive-design-skills

Write and review content for plain language accessibility. Use when writing interface copy, error messages, instructions, onboarding text, help content, legal or medical information, forms, or any user-facing text. Triggers on: plain language, reading level, simplify text, jargon, hard to understand, nobody reads this, unclear copy, rewrite, too complicated, ESL, literacy, readability.

Marketing & SEO97 installs

cognitive-load-assessment

owl-listener/inclusive-design-skills

Open the skill to read its SKILL.md instructions.

88 installs

responsive-review

owl-listener/inclusive-design-skills

Open the skill to read its SKILL.md instructions.

user-preference-respect

owl-listener/inclusive-design-skills

Design interfaces that detect and respond to system-level user preferences. Use when implementing dark mode, reduced motion, high contrast, text scaling, or any user preference that affects how the interface renders. Triggers on: user preference, system preference, prefers-reduced-motion, prefers-contrast, prefers-color-scheme, forced-colors, media query, user settings, system settings, accessibility settings, OS settings.

error-prevention-recovery

owl-listener/inclusive-design-skills

Open the skill to read its SKILL.md instructions.

81 installs

Popular code quality & workflow skills

View category →

grill-me

mattpocock/skills

A relentless interview to sharpen a plan or design.

Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.

handoff

mattpocock/skills

Compact the current conversation into a handoff document for another agent to pick up.

domain-modeling

mattpocock/skills

Build and sharpen a project's domain model. Use when discussing codebase terminology, writing or editing a GLOSSARY.md, or recording or editing an ADR.

codebase-design

mattpocock/skills

Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary.

diagnosing-bugs

mattpocock/skills

Diagnosis loop for hard bugs and performance regressions. Use when the user says "diagnose"/"debug this", or reports something broken/throwing/failing/slow.