ar-filter

Installation
SKILL.md

AR Filter

Build professional AR face filters for the web. Three.js + MediaPipe Face Landmarker.

The difference between amateur and professional AR filters is almost entirely temporal smoothing and texture painting — not the shader complexity.

See references:

  • references/setup.md — MediaPipe + Three.js project setup
  • references/one-euro-filter.md — landmark smoothing implementation
  • references/rendering-approaches.md — mesh mode vs AR mode vs 3D overlay
  • references/shaders.md — GLSL fragment shaders for face effects

Triggers

  • "ar filter" / "face filter" / "face tracking"
  • "mediapipe" / "face mesh" / "webcam filter"
  • "/ar-filter"
Installs
1
First Seen
Mar 22, 2026