prototype-interaction

# Prototype Interaction Skill ## Purpose Define prototype interactions, map click/tap actions, configure transitions, and generate interaction specifications for design handoff. ## Capabilities - Map click/tap interactions to destinations - Define transition animations and timing - Set up interactive hotspots - Generate interaction specification documents - Export to Figma prototype format - Create interaction matrices ## Target Processes - hifi-prototyping.js - wireframing.js (interactivePrototypeTask) ## Integration Points - Figma Prototype API - InVision API - ProtoPie specifications ## Input Schema ```json { "type": "object", "properties": { "screens": { "type": "array", "items": { "type": "object", "properties": { "id": { "type": "string" }, "name": { "type": "string" }, "imagePath": { "type": "string" } } } }, "interactions": { "type": "array", "items": { "type": "object", "properties": { "sourceScreen": { "type": "string" }, "hotspot": { "type": "object", "properties": { "x": { "type": "number" }, "y": { "type": "number" }, "width": { "type": "number" }, "height": { "type": "number" } } }, "trigger": { "type": "string", "enum": ["tap", "click", "hover", "drag", "swipe"] }, ...