Sistema de gestión para barberías (gratis, open source y para vender)

📌 Nivel 5 de la ruta: Vender.

Esto es un sistema completo de gestión para barberías, gratis y open source. Pero no es solo código: es un producto que podés venderle a la barbería de tu barrio.

Paso 0 — Lo que tenés que tener antes

Esta guía asume que ya pasaste por el playbook de venta y sabés instalar Claude Code:

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

Qué incluye

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

• Agenda — Vista diaria y semanal de todos los turnos
• Booking — Reservas online para que los clientes agenden solos
• Conversaciones — Historial de chats con cada cliente
• Agente de IA — Asistente que responde consultas y agenda turnos (simulado en la demo)
• Métricas — Turnos, ingresos, tendencias
• Pagos — Registro y control de cobros

Acceder al repositorio

Todo el código está gratis en GitHub:

github.com/jlucasacosta/sistemas-barberias

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/sistemas-barberias.git
cd sistemas-barberias

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 turnos — Ves todos los turnos del día o la semana, reprogramás, cancelás o agregás manualmente. Cada turno muestra cliente, servicio y estado del pago.

Booking para clientes — La cara pública: los clientes eligen día, horario y servicio sin llamar ni escribir. El turno aparece solo en la agenda.

Agente de IA — En la demo simula un empleado virtual: recibe mensajes, entiende el pedido y gestiona el turno. Todo queda en Conversaciones.

Pagos y métricas — Pagos registra cada cobro. Métricas cruza esa info y muestra cómo evoluciona el negocio semana a semana.

Personalizar el sistema con Claude Code

Para adaptarlo a una barbería específica usá Claude Code, sin saber programar en profundidad.

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 de la barbería en el panel"
• "Agregá un servicio nuevo llamado Keratina con precio 3500"
• "Cambiá el color principal del panel a negro y dorado"
• "Agregá un módulo de inventario de productos"

De demo a producción

La demo es perfecta para mostrar y cerrar. Pero un cliente real necesita un producto operativo. Esto es lo que tenés que cambiar:

• → Datos reales: reemplazar localStorage por Supabase. Los turnos dejan de borrarse y se acceden desde cualquier dispositivo.
• → WhatsApp real: conectar la API oficial de WhatsApp Business o Twilio para que el agente reciba y mande mensajes de verdad.
• → IA real: conectar el agente a un LLM por API para que responda solo (factura por consumo, mételo en el retainer).
• → Deploy: subirlo a Vercel para que tenga una URL pública.

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

Cómo venderlo

Cuánto cobrar

El retainer es el negocio real: cubre hosting, soporte y ajustes, y te paga todos los meses.

El pitch

Copy-paste para abordar al dueño, hablándole de SU dolor:

Hola [nombre]. Vi que reservás los turnos por WhatsApp.

¿Cuántos turnos se te pierden por semana porque no llegaste a contestar a tiempo? ¿Y cuántos no-shows tenés que igual te ocupan el horario?

Te armé un sistema que toma las reservas solo, manda recordatorios y te muestra la agenda completa. Te lo muestro funcionando en 10 minutos. Si te sirve, lo dejamos andando en tu barbería.

Dónde conseguir el primer cliente

• → Tu propio barbero. Es el más fácil: ya te conoce.
• → Caminá el barrio. Barberías con cola, sin sistema de reservas, anotando en papel.
• → Google Maps: buscá "barbería" en tu zona, filtrá las que no tienen reservas online.
• → Instagram local: barberías que reciben turnos por DM están perdiendo plata. Ese es tu cliente.

Números que venden

Llevá el dolor a plata. Ejemplos para el pitch:

• → 1 no-show evitado por semana con recordatorios automáticos = ~4 turnos/mes recuperados. A 800 pesos el corte, son varios miles al mes que hoy se pierden.
• → 2 horas por día contestando WhatsApp = ~40 horas/mes. Esas horas valen cortes que no está haciendo.
• → Turnos perdidos por no contestar a tiempo: cada cliente que no responde se va a la barbería de al lado.

El sistema se paga solo con los turnos que recupera.

Tu turno

• → Cloná el sistema y corré npm run dev.
• → Personalizá la demo con los datos reales de una barbería de tu barrio: nombre, servicios, precios.
• → Grabá la pantalla o sacá screenshots para el pitch.

Checklist antes de pitchear:

• La demo corre sin errores con el branding del negocio
• Tenés los servicios y precios reales cargados
• Tenés claro el dolor en plata (turnos perdidos, no-shows)
• 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 estudios de tatuajes — otro rubro listo para vender, con su propio pitch.

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 🚀