# Add Gestures > Handle EMG pinch (tap-to-activate) and opt into continuous pinch-and-drag in a Meta Display Glasses webapp. Use when the user wants sliders, drawing, maps, drag interactions, or game-style continuous input. - Skill: `facebook/add-gestures` (Agent Skill) - Install (CLI): `npx skillmds@latest add facebook/add-gestures` - Raw SKILL.md: https://api.skillmd.com/api/skills/facebook/add-gestures/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Coding & Dev Tools - Author: facebook (https://skillmd.com/u/facebook) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/facebook/add-gestures --- ## Required reading Before generating or modifying any code, read both: - `../../references/display-guidelines.md` - `../../references/performance-guidelines.md` These define the non-negotiable display physics, input model, and performance budgets for Meta Display Glasses webapps. Do not skip — generated UI that ignores these will fail on-device. If these reference files are unavailable in an isolated eval, do not search `/`, home directories, or unrelated workspaces. Apply the requirements already present in this skill and continue. # Add Pinch + Drag Gestures to Meta Display Glasses WebApp The EMG wrist band gives the wearer two interactions: a **pinch** (discrete select) and a **drag** (continuous motion). Pinch works everywhere with no code. Drag is **opt-in** at the page level and is for things that need smooth, continuous control — sliders, maps, drawing, simple games. ## Prerequisites - Existing webapp created via `/create-webapp` ## Pinch = Activate (always on) A pinch fires **Enter / click on the focused element** — it works like pressing Enter on the highlighted item. It is **not** a positioned click; it targets `document.activeElement`. So you don't write pinch code — you build **focusable, keyboard-activatable** UI and the pinch activates whatever has focus. - Use real interactive elements: `