NeuroFX Studio

About NeuroFX Studio

A browser-native gesture interaction platform for real-time visual computing.

NeuroFX Studio turns hand tracking into a product-grade interface: landing page, camera onboarding, interactive Studio, technical dashboard, privacy messaging and deployment documentation.

How it works

1

Camera access starts only after explicit user action.

2

MediaPipe runs in the browser and detects hand landmarks frame by frame.

3

Pure geometry functions classify gestures from landmark relationships.

4

Canvas effects react to gesture state, velocity, confidence and active preset.

5

The dashboard converts interaction state into telemetry and insights.

Technology

Built for Vercel and the browser.

Next.js App RouterTypeScriptMediaPipe Tasks VisionCanvas 2DFramer MotionRechartsTailwind CSSVitest

Known Limitations

  • Camera quality and lighting directly affect tracking confidence.
  • The current AI narrator is a local mock and does not call external APIs.
  • MediaPipe model files are loaded in the browser from public model hosting.
  • Visual effects are browser-rendered and depend on device performance.

Roadmap

The product is structured to grow from a flagship portfolio project into a richer gesture-controlled creative environment.

Export short clips for LinkedIn

Shareable visual presets

Local interaction recording

Custom gesture calibration

WebGPU rendering mode

Future OpenAI session narrator

Gesture-controlled dashboard

Installable PWA

Presentation mode

Privacy

This project processes camera input locally in the browser. No image, video, biometric data or camera stream is uploaded to any server.

Este projeto processa a câmera localmente no navegador. Nenhuma imagem, vídeo, dado biométrico ou transmissão da câmera é enviada para servidores.

Credits

Desenvolvido por Matheus Siqueira

https://www.matheussiqueira.dev