Sistema completo de gestión para estudios de tatuajes (gratis y open source)

Qué incluye este sistema

Un panel de administración completo para estudios de tatuajes, construido con tecnología moderna y listo para usar o personalizar.

Estos son los módulos que trae:

• Agenda — Vista diaria y semanal de todas las sesiones de tatuaje
• Booking — Sistema de reservas online con catálogo de servicios para que los clientes agenden solos
• Conversaciones — Historial multi-canal con cada cliente (WhatsApp, Instagram, Email)
• InkBot — Agente de IA — Asistente automatizado configurable que responde consultas y agenda sesiones sin intervención humana
• Métricas — Estadísticas del estudio: sesiones, ingresos, clientes, tendencias
• Pagos — Registro de cobros con análisis de revenue

Acceder al repositorio

Todo el código está disponible de forma gratuita en GitHub:

github.com/jlucasacosta/sistema-estudio-tatuajes

Podés usarlo tal como está, adaptarlo a tu estudio o tomarlo como base para construir algo propio.

Cómo instalar y correr el sistema

Requisitos previos

Necesitás tener instalado en tu computadora:

• Node.js 18 o superior — nodejs.org
• Git — git-scm.com

Para verificar que están instalados, abrí una terminal y ejecutá:

node --version
git --version

Instalación paso a paso

1. Clonar el repositorio

git clone https://github.com/jlucasacosta/sistema-estudio-tatuajes.git
cd sistema-estudio-tatuajes

2. Instalar las dependencias

npm install

3. Iniciar el sistema

npm run dev

Abrí tu navegador en http://localhost:5173 y el sistema va a estar funcionando.

Cómo usarlo en el día a día

Agenda y sesiones

Desde el módulo de Agenda podés ver todas las sesiones del día o la semana, reprogramar, cancelar o agregar manualmente. Cada sesión muestra el cliente, el estilo, la duración estimada y el estado del pago.

Booking para clientes

El módulo de Booking es la cara pública del estudio: los clientes eligen estilo, fecha y horario sin necesidad de escribir por DM. La reserva aparece automáticamente en la agenda con todos los datos.

Conversaciones multi-canal

El historial unifica los mensajes que llegan por WhatsApp, Instagram y Email en un solo lugar. Cada cliente tiene su hilo, así no perdés contexto al cambiar de canal.

InkBot — el agente de IA

InkBot funciona como un empleado virtual. Recibe los mensajes de los clientes, entiende lo que necesitan (consulta de precios, referencias, disponibilidad) y gestiona la reserva completa: consulta agenda, confirma horario y registra la sesión.

Todo queda guardado en el módulo de Conversaciones para que vos puedas revisar el historial cuando quieras.

Pagos y métricas

El módulo de Pagos registra cada cobro con la sesión, el monto, el método y la fecha. Las Métricas cruzan esa información y muestran cómo evoluciona el estudio semana a semana.

Personalizar el sistema con Claude Code

Si querés adaptar el sistema a tu estudio específico, podés usar Claude Code para modificarlo sin necesidad de saber programar en profundidad.

Instalalo con:

npm install -g @anthropic-ai/claude-code

Luego, dentro de la carpeta del proyecto, ejecutá claude y describí lo que querés cambiar. Ejemplos:

• "Cambiá el nombre del estudio en el panel y el color principal a esmeralda"
• "Agregá un módulo de inventario de tintas y agujas"
• "Agregá un campo de seña al crear una sesión"
• "Conectá InkBot a WhatsApp Business"

Stack tecnológico

Para los que les interesa el detalle técnico:

• React 19 + TypeScript — interfaz y tipado
• Vite — build tool ultra rápido
• Tailwind CSS 4 — estilos
• Radix UI — componentes accesibles
• Zustand — estado global
• Recharts — gráficos de métricas
• React Router — navegación
• localStorage — persistencia sin backend

Licencia MIT — podés usarlo, modificarlo y hasta comercializarlo libremente.