El flujo
Diez etapas, un solo sistema
Diagrama animado de esta etapa: Diez etapas, de E0 a E9, que se encienden en orden; tres pilares (inteligencia artificial, automatización y experiencia humana) que orbitan como un solo sistema; y el equipo: ChatGPT analiza, Claude Code ejecuta sobre código, archivos, Jira, GitHub, pruebas y despliegues, los modelos locales procesan lo sensible y Claude Design convierte requerimientos en pantallas. El equipo humano decide.
E0 · Fuentes y análisis previo
Antes de la primera línea
Diagrama animado de esta etapa: Un editor con cero líneas de código. Cinco fuentes (correos, WhatsApp, reuniones, grabaciones y documentos) convergen en un modelo local en la máquina, que transcribe el audio, analiza capturas de pantalla y relaciona conversaciones. Sale la primera Historia de Usuario con su modelo UML, marcada como legible para personas y para máquinas.
E1 · Historia de usuario
Una sola fuente de verdad
Diagrama animado de esta etapa: La Historia de Usuario viaja a Jira. Claude Code se conecta, recupera el ticket con sus comentarios y adjuntos y lo normaliza en tres bloques: contexto, reglas de negocio y criterios de aceptación. El ticket queda como una sola fuente de verdad.
E2 · Preguntas y respuestas
Lo que todavía no sabemos
Diagrama animado de esta etapa: Un agente revisa la Historia de Usuario y marca una ambigüedad, una contradicción y una decisión pendiente. Publica tres preguntas auto-contenidas como comentarios en Jira; el Product Owner responde y las respuestas se aplican en cascada a los documentos de análisis. «Desarrollar sobre supuestos» queda tachado.
E3 · Diseño
Ver antes de construir
Diagrama animado de esta etapa: Claude Design arma tres pantallas (inicio de sesión, lista y detalle) con sus flujos de usuario y les aplica la marca de un cliente de ejemplo: colores, tipografía y logo. El cliente ve la maqueta, el equipo la revisa y valida, y la maqueta pasa como referencia al análisis y al frontend.
E4 · Análisis automatizado
Comienza la ingeniería
Diagrama animado de esta etapa: La Historia de Usuario entra a Claude Code y se divide en seis documentos: backend, frontend, base de datos, QA, CRUDs y análisis funcional. Aparece el modelo entidad-relación y un criterio de aceptación se convierte en un escenario Dado / Cuando / Entonces. Desarrollo y pruebas leen la misma historia: una sola interpretación.
E5 · Desarrollo
Desarrollo en paralelo
Diagrama animado de esta etapa: Dos carriles en paralelo: backend (Python, FastAPI y PostgreSQL) y frontend (Vue y Tailwind). Los contratos de la API pasan del backend al frontend, la maqueta se vuelve interfaz, y un barrido de revisión marca cada parte como conforme a los estándares, dentro de un marco de arquitectura.
E6 · Tests automatizados
Probar antes de integrar
Diagrama animado de esta etapa: Tres ejecutores de pruebas (Pytest, Vitest y Playwright) y la pirámide de pruebas que se enciende. Una prueba de Playwright falla en rojo; el ciclo analiza, corrige y vuelve a ejecutar hasta que todas las pruebas quedan en verde.
E7 · Pull request y Jira
Todo queda sincronizado
Diagrama animado de esta etapa: Un Pull Request en GitHub con su resumen y la evidencia de pruebas. El PR se liga a Jira, que pasa la historia a revisión y crea las subtareas de backend y frontend. Código, pruebas y gestión laten juntos, sincronizados.
E8 · CI/CD y seguridad
Un solo camino a producción
Diagrama animado de esta etapa: Un commit dispara el pipeline: seguridad (secretos, dependencias y análisis estático), pruebas, construcción y producción. Una versión nueva falla y el pipeline hace rollback a la anterior. Copiar archivos al servidor a mano aparece tachado: el pipeline es el único camino a producción.
E9 · Producción y ROI
De proyecto a resultados
Diagrama animado de esta etapa: El sistema en producción con usuarios activos. «Un proyecto» se tacha y se vuelve «una herramienta de negocio». Entra un tablero ilustrativo con ventas, inversión, uso, resultados y retorno, y el log técnico se convierte en indicadores.
Cierre
Cada etapa alimenta a la siguiente
Diagrama animado de esta etapa: Las diez etapas encendidas en cadena, con los tres pilares (IA, automatización y decisiones humanas). Un pulso recorre la cadena de E0 a E9: del primer mensaje del cliente a producción y de producción a resultados medibles.
Analicemos tu proyecto
Hablemos de tu proyecto
Diagrama animado de esta etapa: Tres formas de contacto (WhatsApp, correo de ventas y wits.mx) con un código QR de WhatsApp y las etiquetas «sin costo» y «sin compromiso».