mediapipe-usage

name	mediapipe-usage
description	Summarizes Google MediaPipe usage for web: Pose Landmarker with @mediapipe/tasks-vision, landmark indices, running modes, and patterns for real-time video. Use when working with MediaPipe, pose detection, body landmarks, or @mediapipe/tasks-vision.

Google MediaPipe Usage (Web / Pose Landmarker)

When to Use This Skill

• Using or debugging @mediapipe/tasks-vision, Pose Landmarker, or pose detection in a web app.
• Needing the 33 pose landmark indices, skeleton connections, or mapping landmarks to gestures or control signals.

Setup

Install (prefer pnpm):

pnpm add @mediapipe/tasks-vision

WASM root: Resolve vision tasks from CDN when creating the task:

const vision = await FilesetResolver.forVisionTasks(
  "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@latest/wasm",
);

Create the Pose Landmarker Task

Use PoseLandmarker.createFromOptions(vision, options):

import { PoseLandmarker, FilesetResolver } from "@mediapipe/tasks-vision";

const vision = await FilesetResolver.forVisionTasks(
  "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@latest/wasm",
);

 poseLandmarker =  .(vision, {
  : {
    : modelUrl, 
    : , 
  },
  : , 
  : ,
  : ,
  : ,
  : ,
});