Puntos Clave
- Callnovo liberó como open source un template fullstack de vibe-coding que construye aplicaciones web de producción a partir de prompts en lenguaje natural — incluye 20 skills especializados y 3 agentes expertos para Claude Code, cubriendo todo desde diseño de bases de datos hasta auditorías de seguridad y despliegue.
- Lo construimos porque necesitábamos movernos rápido internamente — y el desarrollo guiado por IA nos permitió lanzar herramientas en días que antes tomaban semanas — incluyendo la capa de gestión personalizada que construimos sobre la API de Bitdefender, dashboards de onboarding para clientes y herramientas de reportes operativos.
- Esto no es un proyecto secundario — es cómo una empresa BPO de más de 2,500 agentes se mantiene competitiva — cuando tus gerentes de operaciones necesitan un nuevo dashboard para el viernes, o lo construyes o compras algo que no se ajusta del todo. Nosotros elegimos construir.
- Lo liberamos como open source porque la innovación está en el flujo de trabajo de desarrollo con IA, no en el template — el valor está en cómo los equipos estructuran sus flujos de programación con IA, y creemos que más empresas deberían adoptar este enfoque.
Una Empresa BPO que Produce Código
Abordemos la pregunta obvia: ¿por qué una empresa de outsourcing de servicio al cliente está publicando herramientas para desarrolladores en GitHub?
Porque no somos solo una empresa de servicio al cliente. Callnovo opera más de 2,500 agentes en Filipinas, Colombia, Bolivia y varios otros países. Construimos HeroDash — nuestra propia plataforma de contact center omnicanal. Construimos una capa personalizada de gestión de seguridad de endpoints sobre la API de Bitdefender. Construimos dashboards internos, herramientas de reportes para clientes, automatización de aseguramiento de calidad y middleware de integración. Cada semana, hay algo nuevo que necesita existir y no existe.
La pregunta nunca fue si íbamos a escribir código. La pregunta era cómo escribirlo más rápido sin sacrificar calidad.
Qué Es Realmente el Template
El Fullstack Vibe-Coding Template es un scaffold de proyecto diseñado para Claude Code — el agente de programación con IA de Anthropic. En lugar de empezar desde un repositorio vacío y configurar manualmente cada capa de una aplicación web, clonas el template, describes lo que quieres construir en lenguaje natural, y Claude se encarga de la arquitectura, la UI, las APIs, el esquema de base de datos y las pruebas.
Suena a magia. No lo es. La magia está en los 20 skills y 3 agentes expertos incluidos en el directorio .claude/skills/ del template.
Los Skills
Cada skill es un prompt estructurado que codifica las mejores prácticas para un dominio específico. Cuando Claude encuentra una tarea que cae dentro del dominio de un skill, aplica esas prácticas automáticamente.
Desarrollo core: diseño de esquemas de base de datos, estándares de API backend, pruebas (Vitest + Playwright), control de versiones, protocolos de revisión de código.
Aseguramiento de calidad: auditorías de seguridad, optimización de rendimiento, cumplimiento de accesibilidad (WCAG), gestión de dependencias.
Experiencia de usuario: sistemas de diseño UI (Tailwind + shadcn/ui), internacionalización (i18n), visualización de datos.
Orquestación: Un agente de análisis de tareas que recomienda qué skills aplicar. Un sistema de mejora continua que captura patrones de tu trabajo como nuevos skills reutilizables.
El Stack
El template funciona sobre una base fullstack moderna:
- Next.js 14 con React 18 y TypeScript
- Tailwind CSS con shadcn/ui para diseño de componentes
- Drizzle ORM — SQLite en desarrollo, MySQL en producción
- Vitest para pruebas unitarias, Playwright para E2E
- Configuración de CI/CD integrada
Cómo Lo Usamos Realmente
Esta es la parte que importa para entender a Callnovo como empresa: este template no es un ejercicio de marketing. Es una extracción de cómo nuestro equipo de ingeniería realmente trabaja.
El Problema que Estábamos Resolviendo
Cuando gestionas operaciones de servicio al cliente en seis países, generas un flujo constante de necesidades operativas que el software estándar no puede resolver:
- Un gerente de operaciones en Bolivia necesita un dashboard que muestre asistencia de agentes, puntuaciones de calidad de llamadas y SLAs específicos por cliente en una sola pantalla — y necesita que esté conectado a cinco plataformas de mensajería diferentes.
- Un equipo de onboarding de clientes necesita una herramienta de flujo de trabajo que rastree qué endpoints tienen Bitdefender instalado, qué agentes han completado la capacitación y qué cuentas están listas para tráfico en vivo.
- Un CSM necesita extraer datos de reportes de HeroDash y formatearlos en un resumen semanal para el cliente — automáticamente.
Ninguna de estas son productos que puedas comprar. Son el adhesivo operativo entre tus plataformas, tus procesos y tu gente. Y en un entorno BPO de ritmo acelerado, la ventana para construirlos se mide en días, no en trimestres.
Identificar Brecha Operativa
Un gerente de operaciones, CSM o cliente señala un cuello de botella en el flujo de trabajo o una capacidad faltante que las herramientas existentes no pueden resolver.Describir Requisitos
Nuestro equipo de ingeniería describe la funcionalidad deseada en lenguaje natural — qué datos necesita, quién la usa, qué decisiones apoya.Desarrollo Guiado por IA
Usando nuestro flujo de trabajo de vibe-coding, Claude genera la aplicación — esquema de base de datos, rutas de API, componentes de UI, pruebas — con verificaciones de calidad integradas.Revisar, Desplegar, Iterar
Los ingenieros humanos revisan el resultado, ejecutan la suite de pruebas, despliegan a producción e iteran basándose en el feedback de los usuarios. Ciclo total: días, no semanas.Cómo Se Ve Esto en la Práctica
Nuestra webapp de gestión de Bitdefender es un buen ejemplo. Necesitábamos gestión de seguridad de endpoints aislada por sitio en seis países. Ningún producto estándar maneja esto bien para una sola organización que gestiona sitios distribuidos. Así que construimos una webapp personalizada sobre la API de Bitdefender GravityZone — dashboards con alcance por sitio, verificaciones de cumplimiento automatizadas, aplicación de parches y flujos de trabajo de respuesta a incidentes.
El mismo patrón se aplica en todas nuestras operaciones:
Herramientas de integración con clientes. Cuando los sistemas de un cliente no tienen integraciones nativas con nuestras plataformas, construimos middleware. Conexiones con Amazon Seller Central, pipelines de datos de pedidos de Shopify, herramientas de sincronización con CRM — todo construido internamente, todo adaptado a las necesidades específicas del cliente.
Automatización de QA y reportes. Nuestro sistema de QA de voz con IA en HeroDash analiza llamadas en tiempo real y señala problemas de calidad. Cuando un gerente de operaciones descubre un falso positivo — como una llamada en español con tres interlocutores que se identifica erróneamente como un cliente enojado — el flujo de apelación es una herramienta interna que construimos para manejar exactamente ese caso límite.
Dashboards operativos. Cada gerente de operaciones tiene necesidades diferentes. Algunos gestionan cuentas de 30 agentes con métricas profundas. Algunos gestionan 40 cuentas con agentes compartidos que necesitan una vista completamente diferente. Las herramientas de BI estándar no entienden las operaciones BPO. Las nuestras sí, porque nosotros las construimos.
Por Qué Hacerlo Open Source
No estamos intentando convertirnos en una empresa de herramientas para desarrolladores. Liberamos el template como open source por tres razones:
1. El flujo de trabajo es más valioso que el código. El template en sí es un scaffold — Next.js, Tailwind, Drizzle. Nada propietario. Lo valioso es el patrón: estructurar flujos de trabajo de desarrollo con IA con skills específicos por dominio que codifican las mejores prácticas de tu organización. Queremos que más empresas — especialmente empresas no tecnológicas como las BPO — adopten este enfoque.
2. Nos obliga a mantener la calidad. Publicar código como open source significa que otros desarrolladores lo van a leer. Esa responsabilidad mantiene nuestras prácticas internas afiladas. Si nuestro skill de revisión de seguridad no es lo suficientemente bueno para consumo público, tampoco es lo suficientemente bueno para uso interno.
3. Señala qué tipo de empresa somos. Cuando un cliente potencial pregunta sobre nuestras capacidades tecnológicas, podemos señalar un repositorio público con 20 skills de desarrollo de calidad de producción. Eso es más convincente que una presentación de diapositivas.
Qué Hay para Ti
Si eres desarrollador o un equipo pequeño que construye herramientas internas, el template te da una ventaja inicial. Clónalo, describe lo que necesitas, y deja que Claude se encargue del boilerplate mientras tú te enfocas en la lógica de negocio.
Si estás evaluando a Callnovo como socio BPO, este template es evidencia de algo más fundamental: invertimos en capacidad de ingeniería porque nuestras operaciones dependen de ello. El mismo equipo que construyó este template construye las herramientas que gestionan a tus agentes, monitorean tus métricas de calidad y se integran con tus sistemas.
El servicio al cliente no es un negocio de baja tecnología. No a nuestra escala. Y las empresas que lo tratan como tal son las empresas cuyos clientes eventualmente nos encuentran.
Pruébalo
El template está disponible en github.com/callnovo-lab/fullstack-vibe-coding-template bajo la licencia MIT. Clónalo, instala Claude Code y describe lo que quieres construir.
Dos comandos que debes conocer:
/just-do-it— Analiza tus cambios recientes y ejecuta todas las verificaciones de calidad relevantes automáticamente./improve-skills— Captura patrones de tu trabajo completado como nuevos skills reutilizables para futuros proyectos.
Continuamos evolucionando el template a medida que nuestros flujos de trabajo internos mejoran. Las contribuciones son bienvenidas.
