This skill should be used when the user asks to analyze a UI screen recording and map interaction states into Figma. Trigger for requests such as "put video frames in Figma", "extract states from my recording", "map interactions from video to Figma", "analyze this screen recording", "create a storyboard from my video", "deconstruct this interaction in Figma", "annotate the UI states in my…
Install
npx skills add figma/mcp-server-guide --skill video-interaction-mappernpx skills add figma/mcp-server-guide --skill video-interaction-mapper -a claude-code -gnpx skills add figma/mcp-server-guide --skill video-interaction-mapper -a codex -ggemini skills install https://github.com/figma/mcp-server-guide.git --path workflow-skills/video-interaction-mappergh skill install figma/mcp-server-guide video-interaction-mappergit clone --depth 1 https://github.com/figma/mcp-server-guide /tmp/figma__mcp-server-guide
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/figma__mcp-server-guide/workflow-skills/video-interaction-mapper ~/.claude/skills/video-interaction-mapper # Claude Code
cp -R /tmp/figma__mcp-server-guide/workflow-skills/video-interaction-mapper ~/.agents/skills/video-interaction-mapper # Codex, Cursor, Gemini CLI, Copilot, OpenCode