https://github.com/blakepro/spatialai
SpatialAI es una aplicación web avanzada que utiliza inteligencia artificial para crear una experiencia interactiva única.
https://github.com/blakepro/spatialai
canvas mediapipe nextjs tailwindcss vercel-ai-sdk
Last synced: about 2 months ago
JSON representation
SpatialAI es una aplicación web avanzada que utiliza inteligencia artificial para crear una experiencia interactiva única.
- Host: GitHub
- URL: https://github.com/blakepro/spatialai
- Owner: BlakePro
- Created: 2024-08-05T04:32:56.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-06T18:44:34.000Z (almost 2 years ago)
- Last Synced: 2025-10-28T02:46:18.719Z (8 months ago)
- Topics: canvas, mediapipe, nextjs, tailwindcss, vercel-ai-sdk
- Language: TypeScript
- Homepage: https://spatial-ai.vercel.app
- Size: 13.5 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **SpatialAI: Interacción de UI con Gestos y Voz Basado con AI**
**¡Explora una nueva era en la interacción digital con SpatialAI!** Proyecto que combina **Next.js**, **MediaPipe**, y **Vercel SDK AI** para ofrecer una interfaz de usuario (UI) revolucionaria que no solo detecta movimientos de las manos, sino que también responde inteligentemente a las preguntas de los usuarios mediante su voz.
## **✨ ¿Qué es SpatialAI?**
SpatialAI es una aplicación web avanzada que utiliza inteligencia artificial para crear una experiencia interactiva única. Aprovechando **MediaPipe** para el procesamiento preciso de imágenes y **Vercel** para un despliegue ágil, SpatialAI ofrece una interacción intuitiva mediante gestos y una capacidad avanzada para responder a consultas de los usuarios.
## **👉🏻 Características Destacadas:**
- **Interacción Natural**: Controla la UI con simples gestos, eliminando la necesidad de dispositivos de entrada tradicionales.
- **Asistente Inteligente**: AI integrada para comprender y responder a preguntas de los usuarios de manera eficiente.
- **Tecnología Avanzada**: Precisión en la detección de movimientos y generación de respuestas gracias a AI.
- **Despliegue Ágil**: Implementado en **Vercel** para garantizar una experiencia fluida y receptiva.
## **⭐ ¿Por Qué Elegir SpatialAI?**
SpatialAI transforma la forma en que interactúas con el entorno digital, combinando una interfaz gestual intuitiva con la capacidad de respuesta inteligente. Esto abre nuevas posibilidades para la accesibilidad y la usabilidad en el diseño de interfaces. Sé parte de la evolución tecnológica y contribuye al futuro de la interacción web con SpatialAI.
## 👨🏻💻 **Modo desarrollador**
1. Necesitrás un certificado https de manera local, esto por los permisos de la cámara, entonces utiliza:
```bash
brew install mkcert
mkcert -install
mkcert localhost
```
> Esto generará un archivo de certificado y un archivo de clave en el directorio actual.
2. Instala las dependencias:
```bash
pnpm i
```
3. Renombra el archivo .env.local.demo a .env.local y pega tu apiKey de OpenAI
4. Ejecuta el proyecto:
```bash
pnpm dev
```
5. Abre en tu navegador web la siguiente página [https://localhost:8093/](https://localhost:8093/) para ver los resultados
## 🙋🏻 **Proyecto desplegado en Vercel**
[https://spatial-ai.vercel.app](https://spatial-ai.vercel.app)
[](https://www.youtube.com/watch?v=ZYfkLEcS9R0)
## 👨🏻💻 **Autor**
[Cristian Yosafat Hernández Ruiz](https://github.com/blakepro)