The flow
Ten stages, one system
Animated diagram for this stage: Ten stages, E0 to E9, lighting up in order; three pillars (artificial intelligence, automation and human expertise) orbiting as one system; and the team: ChatGPT analyzes, Claude Code executes on code, files, Jira, GitHub, tests and deployments, local models process sensitive material and Claude Design turns requirements into screens. The human team decides.
E0 · Sources and prior analysis
Before the first line
Animated diagram for this stage: An editor with zero lines of code. Five sources (emails, WhatsApp, meetings, recordings and documents) converge on a local model on the machine, which transcribes audio, analyzes screenshots and links conversations. Out comes the first User Story with its UML model, marked as readable by people and by machines.
E1 · User story
A single source of truth
Animated diagram for this stage: The User Story travels to Jira. Claude Code connects, retrieves the ticket with its comments and attachments, and normalizes it into three blocks: context, business rules and acceptance criteria. The ticket becomes a single source of truth.
E2 · Questions and answers
What we don't know yet
Animated diagram for this stage: An agent reviews the User Story and flags an ambiguity, a contradiction and a pending decision. It posts three self-contained questions as Jira comments; the Product Owner answers and the answers cascade into the analysis documents. «Building on assumptions» gets crossed out.
E3 · Design
See it before it's built
Animated diagram for this stage: Claude Design builds three screens (sign-in, list and detail) with their user flows and applies a sample client's brand: colors, typography and logo. The client sees the mockup, the team reviews and validates it, and the mockup moves on as the reference for the analysis and the frontend.
E4 · Automated analysis
Engineering begins
Animated diagram for this stage: The User Story goes into Claude Code and splits into six documents: backend, frontend, database, QA, CRUDs and functional analysis. The entity-relationship model appears and an acceptance criterion becomes a Given / When / Then scenario. Development and testing read the same story: one interpretation.
E5 · Development
Building in parallel
Animated diagram for this stage: Two lanes in parallel: backend (Python, FastAPI and PostgreSQL) and frontend (Vue and Tailwind). API contracts flow from the backend to the frontend, the mockup becomes an interface, and a review sweep marks each part as compliant with the standards, inside an architecture frame.
E6 · Automated tests
Test before integrating
Animated diagram for this stage: Three test runners (Pytest, Vitest and Playwright) and the test pyramid lighting up. A Playwright test fails in red; the loop analyzes, fixes and reruns until every test is green.
E7 · Pull request and Jira
Everything stays in sync
Animated diagram for this stage: A GitHub Pull Request with its summary and test evidence. The PR is linked to Jira, which moves the story to review and creates the backend and frontend subtasks. Code, tests and management pulse together, in sync.
E8 · CI/CD and security
One path to production
Animated diagram for this stage: A commit triggers the pipeline: security (secrets, dependencies and static analysis), tests, build and production. A new version fails and the pipeline rolls back to the previous one. Copying files to the server by hand is crossed out: the pipeline is the only path to production.
E9 · Production and ROI
From project to results
Animated diagram for this stage: The system in production with active users. «A project» is crossed out and becomes «a business tool». An illustrative dashboard comes in with sales, investment, usage, results and return, and the technical log turns into indicators.
Closing
Each stage feeds the next
Animated diagram for this stage: The ten stages lit in a chain, with the three pillars (AI, automation and human decisions). A pulse runs along the chain from E0 to E9: from the client's first message to production, and from production to measurable results.
Let's look at your project
Let's talk about your project
Animated diagram for this stage: Three ways to get in touch (WhatsApp, sales email and wits.mx) with a WhatsApp QR code and the labels «free» and «no commitment».