Sistema para talleres mecánicos (gratis, open source y para vender)
Demo funcional de panel para talleres mecánicos: agenda por patente y modelo, catálogo automotriz, booking, agente de IA simulado, métricas y pagos. Gratis en GitHub. Incluye cómo venderlo a un mecánico.
📌 Nivel 5 de la ruta: Vender.
Un sistema completo de gestión para talleres mecánicos, gratis y open source. Y un producto para venderle al taller de tu barrio.
Esto es una demo funcional, no un producto en producción. Los datos viven en tu navegador (localStorage) y el agente de IA por WhatsApp está simulado. Más abajo te muestro cómo llevarlo a producción real para poder cobrarlo.
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 20+ y Git instalados.
Qué incluye
- Agenda — Vista diaria y semanal con datos del vehículo (patente, modelo, año)
- Booking — Página pública de reservas para que los clientes agenden solos
- Conversaciones — Historial de chats con cada cliente
- Agente de IA — Asistente de WhatsApp que responde consultas y agenda turnos (simulado en la demo)
- Métricas — Servicios, ingresos, vehículos atendidos
- Pagos — Cobros con métodos de pago
A diferencia de una agenda común, cada turno guarda los datos del vehículo (patente, modelo, año, kilometraje) y el servicio puntual, así el historial técnico queda atado al auto y no solo al cliente.
Acceder al repositorio
Todo el código está gratis en GitHub:
github.com/jlucasacosta/sistema-taller-mecanico
Licencia MIT — usalo, modificalo y comercializalo libremente.
Cómo instalar y correr el sistema
Requisitos
- Node.js 20 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-taller-mecanico.git
cd sistema-taller-mecanico
2. Instalar dependencias
npm install
3. Iniciar el sistema
npm run dev
Abrí http://localhost:5173 y el sistema funciona.
El sistema corre completo en tu computadora y guarda los datos en localStorage. Ideal para mostrarlo en vivo sin montar nada.
Cómo usarlo en el día a día
Agenda y turnos — Ves todos los turnos del día o la semana con patente, modelo y servicio. Reprogramás, cancelás o creás turnos desde la misma vista.
Booking para clientes — Expone una URL pública (/booking/:mecanicoId) que compartís para que reserven sin llamadas ni mensajes. El turno entra solo en la agenda.
Catálogo de servicios — SERVICIOS_DISPONIBLES en src/types/index.ts trae servicios comunes con duración y precio: cambio de aceite, frenos, alineación, balanceo. Editalo para sumar o quitar lo que necesites.
Agente de IA por WhatsApp — En la demo simula un empleado virtual: entiende el pedido (presupuesto, turno, consulta) y gestiona la reserva con los datos del vehículo.
Pagos y métricas — Pagos registra cada cobro con el vehículo; Métricas muestra cómo evoluciona el taller.
Personalizar el sistema con Claude Code
Para adaptarlo a un taller 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 taller en el panel y el color principal"
- "Agregá un servicio: 'Diagnóstico computarizado' con precio 8000 y duración 45 minutos"
- "Agregá un campo de kilometraje al crear un turno"
- "Agregá un recordatorio de service cada 10.000 km"
Siempre describí el contexto antes del pedido. "Estoy en el módulo de Agenda y quiero agregar un campo de kilometraje" da mucho mejor resultado que solo "agregá kilometraje".
De demo a producción
Para que un taller real lo use:
- → Datos reales: reemplazar
localStoragepor Supabase. El historial por patente no se borra y se accede 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 (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.
Conectar WhatsApp + LLM + backend es un proyecto con costos reales. Metelos en la cotización. No le prometas a un mecánico "agente de WhatsApp que atiende solo" sin haberlo construido de verdad.
Cómo venderlo
Cuánto cobrar
| Qué entregás | Setup (único) | Retainer (mensual) |
|---|---|---|
| Sistema con agente de IA en producción | 500 – 1500 USD | 100 – 300 USD/mes |
| Personalización extra (módulos, branding) | se cobra aparte | — |
El retainer cubre hosting, soporte y ajustes. Tu ingreso recurrente.
El pitch
Al mecánico le importa el taller lleno y el historial del auto. Hablale de eso:
Hola [nombre]. Vi que coordinás los turnos por teléfono y WhatsApp.
¿Cuántos clientes te llaman para preguntar precio o disponibilidad mientras estás abajo de un auto? ¿Y tenés el historial de cada vehículo a mano cuando vuelve?
Te armé un sistema que toma los turnos solo, guarda el historial por patente y manda recordatorios de service. Te lo muestro funcionando en 10 minutos.
Dónde conseguir el primer cliente
- → Tu propio mecánico. Ya te conoce y sabe que sos serio.
- → Caminá la zona de talleres: los que anotan turnos en una libreta son tu cliente.
- → Google Maps: talleres sin reservas online en tu ciudad.
- → Grupos de comerciantes y de autos en Facebook/WhatsApp donde están los dueños.
Números que venden
- → Llamados interrumpiendo el trabajo: cada vez que para de trabajar para atender el teléfono pierde minutos de reparación facturable.
- → 1 turno olvidado por semana = ~4 servicios/mes que no entraron. Un service vale varios miles.
- → Recordatorio de service automático: clientes que vuelven solos en vez de irse a otro taller cuando les toca.
Tu turno
- → Cloná el sistema y corré
npm run dev. - → Personalizá la demo con un taller real de tu barrio: nombre, servicios, precios.
- → Grabá la pantalla para el pitch.
Checklist antes de pitchear:
- La demo corre sin errores con el branding del taller
- Tenés el catálogo de servicios y precios reales cargados
- Tenés claro el dolor en plata (llamados, turnos olvidados)
- 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 (variables en
src/index.css) - Radix UI — componentes accesibles
- Zustand — estado global
- Recharts — gráficos de métricas
- React Router — navegación
- localStorage — persistencia sin backend (en la demo)
Cerramos el camino
Ya tenés los tres sistemas, el playbook y el pitch para cada rubro. Lo que falta es ejecutar. El que espera, pierde. El que arranca, itera.
Si vas a vender esto en serio, no lo hagas solo. En la comunidad compartimos qué funciona, qué precios cierran y cómo resolver los nudos de llevar las demos a producción.