🤖

Pipeline Configuration

1. Google MediaPipe Face Mesh Local WebAssembly

Scans Photo #1 (Front Face) to map 468 3D landmarks and compute exact forehead, cheekbone, jawline, and length ratios.

2. Google Gemini 2.5 Engine (Stage 2) Live Key Active

Receives MediaPipe face shape + Photo #2 (30° Left Yaw, 5° Down Pitch) to generate the 8 best-suited hairstyles.

Server Key (`app/.env`): AQ.Ab8RN...-3l0g
☁️

Cloudflare Storage & CSV Export

1. Cloudflare D1 SQL Database
Checking...

Edge SQL database keeping customer history, preferences, and MediaPipe face shape metrics synced across all shop tablets.

Database: macisla (9d540277...3d95)
Customer Records: 0 sessions
2. Cloudflare R2 ($0 Egress Photos)
Checking...

Stores client-side compressed WebP photos (~50 KB) with 10 GB free tier (~85,000+ sessions) and zero bandwidth egress fees.

Bucket: macisla
Bandwidth Cost: $0.00 / mo (Zero Egress)
3. Business Intelligence & CSV Export Excel / Sheets

Download full salon dataset including customer preferences, MediaPipe geometric ratios, chosen hairstyles, and photo URLs in standard RFC 4180 CSV with UTF-8 BOM.
Macisla

Welcome Back

Search by name or phone number

Enter a name or phone number to search

1
Profile
2
Photo
3
Styles

Customer Profile

Fill in the customer's information

Optional: Notes or specific styling requests will be factored directly into Gemini 2.5 styling suggestions.

✓
Profile
2
Photo
3
Styles
Align front face (0° Yaw, 0° Pitch)
YAW: 0° (FRONT) PITCH: 0° (LEVEL) MEDIAPIPE MESH
👤 1. Front Face (MediaPipe)
0/2

Dual-Photo Capture

Step 1: MediaPipe Input

Photo 1: Look straight ahead at camera for MediaPipe Face Mesh

👤
Photo 1 · MediaPipe

Front Facing

0° Yaw · 0° Pitch

📐
Photo 2 · Gemini 2.5

30° Left Yaw

+ 5° Down Pitch

Two-Stage AI Pipeline

MediaPipe Face Mesh ➔ Gemini 2.5

Initializing MediaPipe 468-point facial landmark scanner...

1. MediaPipe Scan Front (0°)
Front Face

Mapping 468 3D points...

2. Gemini 2.5 Base 30° Yaw · -5° Pitch
30° Angled Reference
Waiting for MediaPipe shape...

Standby for shape handoff

Customer History

☁️ Cloudflare D1 + R2

Saved records (Preferred Generated Hairstyle + Haircut Result · WebP)

Total Visits 0
Unique Clients 0
Storage Footprint 0 KB

No history yet. Complete a session to see it here.