How does this skill handle acceptance criteria?

It provides templates for Given/When/Then scenarios and checklists to ensure every design state—including empty and error states—is testable and accounted for.

Who is the primary audience for the documentation generated?

The skill can tailor its output for three distinct audiences: Engineering (technical specs), Product (scope and priorities), and Stakeholders (high-level outcomes and risks).

What is the purpose of the Design Handoff skill?

The skill helps designers and product managers create clear, actionable documentation that tells engineers exactly what to build, how to build it, and how to verify it.

Can I use this for accessibility audits?

Yes, it includes specific sections for focus order, screen reader labels, landmark structures, and color contrast requirements.

Design Handoff Manager

Name: Design Handoff Manager
Author: propane-ai

bypropane-ai

•

设计工具

Generates comprehensive design handoff documentation and status updates to streamline communication between designers and engineers.

The Design Handoff skill bridges the gap between design and development by automating the creation of technical specifications and status reports. It helps teams translate visual designs into actionable data by providing structured templates for screen lists, component behaviors, accessibility requirements, and asset exports. By facilitating the creation of clear acceptance criteria in Given/When/Then formats and tailoring documentation for specific audiences like engineering or stakeholders, this skill ensures that design intent is preserved throughout the implementation process and that 'done' is clearly defined.

主要功能

01Audience-specific documentation templates for Engineering, Product, and Stakeholders.

02Accessibility specification tracking including focus order and ARIA labeling.

031 GitHub stars

04Automated acceptance criteria generation in Given/When/Then or checklist formats.

05Detailed component mapping with dev-friendly units (px, rem, tokens).

06Structured status update generation for weekly progress and launch milestones.

使用场景

01Drafting testable acceptance criteria to ensure high-fidelity implementation during QA.

02Creating a technical specification doc for a new feature to be built by the engineering team.

03Generating high-level status reports to communicate project risks and progress to executive stakeholders.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add propane-ai/kits design-handoff

For use in Claude.ai and ChatGPT

Download Skill