Sistema para estudios de tatuajes (gratis, open source y para vender)

📌 Nivel 5 de la ruta: Vender.

Un sistema completo de gestión para estudios de tatuajes, gratis y open source. Y un producto que le vendés a un estudio de tu ciudad.

Paso 0 — Lo que tenés que tener antes

• → Soluciones de IA para negocios con Claude Code — el modelo de negocio y cómo instalar Claude Code.
• → Node.js 18+ y Git instalados.

Qué incluye

• Agenda — Vista diaria y semanal de todas las sesiones
• Booking — Reservas online con catálogo de servicios
• Conversaciones — Historial multi-canal (WhatsApp, Instagram, Email) por cliente
• InkBot — Agente de IA — Responde consultas de estilos, precios y disponibilidad y agenda sesiones (simulado en la demo)
• Métricas — Sesiones, ingresos, clientes, tendencias
• Pagos — Cobros con análisis de revenue

Acceder al repositorio

Todo el código está gratis en GitHub:

github.com/jlucasacosta/sistema-estudio-tatuajes

Licencia MIT — usalo, modificalo y comercializalo libremente.

Cómo instalar y correr el sistema

Requisitos

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

Verificá con:

node --version
git --version

Instalación

1. Clonar el repositorio

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

2. Instalar dependencias

npm install

3. Iniciar el sistema

npm run dev

Abrí http://localhost:5173 y el sistema funciona.

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

Agenda y sesiones — Ves todas las sesiones del día o la semana. Cada una muestra cliente, estilo, duración estimada y estado del pago.

Booking para clientes — Los clientes eligen estilo, fecha y horario sin escribir por DM. La reserva entra sola en la agenda.

Conversaciones multi-canal — Unifica WhatsApp, Instagram y Email en un solo hilo por cliente. No perdés contexto al cambiar de canal.

InkBot — En la demo simula un empleado virtual: entiende el pedido (precios, referencias, disponibilidad) y gestiona la reserva. Todo queda en Conversaciones.

Pagos y métricas — Pagos registra cada cobro; Métricas muestra cómo evoluciona el estudio.

Personalizar el sistema con Claude Code

Para adaptarlo a un estudio específico usá Claude Code.

Instalalo con:

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

Dentro de la carpeta del proyecto, ejecutá claude (se abre el navegador para iniciar sesión con tu plan Pro) y describí qué querés cambiar:

• "Cambiá el nombre del estudio 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"
• "Agregá un campo de referencias visuales al booking"

De demo a producción

Para que un estudio real lo use:

• → Datos reales: reemplazar localStorage por Supabase. Las sesiones no se borran y se acceden desde cualquier dispositivo.
• → WhatsApp real: conectar la API oficial de WhatsApp Business o Twilio para que InkBot reciba y mande mensajes de verdad.
• → IA real: conectar InkBot a un LLM por API (factura por consumo, mételo en el retainer).
• → Deploy: subirlo a Vercel para tener una URL pública.

El paso de datos a producción: Supabase MCP con Claude Code.

Cómo venderlo

Cuánto cobrar

El retainer cubre hosting, soporte y ajustes. Es tu ingreso recurrente.

El pitch

Al tatuador su agenda y sus señas le importan más que nada. Hablale de eso:

Hola [nombre]. Vi que tomás las citas por DM de Instagram y WhatsApp.

¿Cuántas horas por día pasás contestando consultas de precios y disponibilidad en vez de tatuar? ¿Y cuántas sesiones se te caen porque no cobraste seña?

Te armé un sistema que centraliza todos los canales en un lugar, toma las reservas con seña y te ordena la agenda. Te lo muestro funcionando en 10 minutos.

Dónde conseguir el primer cliente

• → Instagram local: tatuadores que reciben todo por DM. Ese desorden es tu venta.
• → Estudios con varios artistas: más agenda, más caos, más dolor que resolver.
• → El tatuador que ya seguís o donde te tatuaste.
• → Google Maps: estudios de tu zona sin sistema de reservas.

Números que venden

• → 2 horas por día contestando consultas por DM = ~40 horas/mes que el artista no está tatuando. A lo que cobra la hora de tatuaje, es muchísima plata.
• → 1 sesión caída por semana por no cobrar seña = ~4 sesiones/mes perdidas. Una sesión grande puede valer miles.
• → Mensajes que quedan sin responder en Instagram = clientes que se van al estudio de al lado.

Tu turno

• → Cloná el sistema y corré npm run dev.
• → Personalizá la demo con un estudio real de tu ciudad: nombre, estilos, precios.
• → Grabá la pantalla para el pitch.

Checklist antes de pitchear:

• La demo corre sin errores con el branding del estudio
• Tenés los estilos y precios reales cargados
• Tenés claro el dolor en plata (horas en DM, señas perdidas)
• Definiste setup + retainer
• Sabés qué hay que hacer para llevarlo a producción si cierra

Stack tecnológico

• React 19 + TypeScript — interfaz y tipado
• Vite — build tool
• 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 (en la demo)

Siguiente paso

→ Sistema para talleres mecánicos — el tercer rubro, con su propio pitch y números.

La mejor comunidad de IA

Esto no termina acá. En la comunidad compartimos lo que funciona de verdad: proyectos reales, precios que cierran y los nudos de llevar esto a clientes que pagan.

→ Sumate a la comunidad de WhatsApp 🚀