Recursos
Sistema

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.

!Importante

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


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
Tip

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

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.

Acción

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 serviciosSERVICIOS_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"
Acción

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 localStorage por 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.

Atención

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ásSetup (único)Retainer (mensual)
Sistema con agente de IA en producción500 – 1500 USD100 – 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.

Sumate a la comunidad 🚀