Librería de componentes React (TSX) y sistema de UI agéntico

01 /Contexto

Una marca necesitaba unificar todo su lenguaje de UI en React, y la consultora quería que la entrega en React fuera rápida y segura — incluso para personas que no programan React. El encargo era una librería React (TSX) reutilizable más una forma de que no-expertos construyeran sobre ella sin romper la arquitectura.

02 /Mi rol

Construí la librería de componentes React (TSX) y el sistema agéntico sobre ella. Me hice cargo de la arquitectura y, sobre todo, de los guardrails que la mantienen correcta: en lugar de depender de la revisión, la arquitectura se hace cumplir por tooling, de forma que el sistema se mantiene sano sin importar quién construye sobre él.

03 /Decisiones técnicas

• Librería de componentes React (TSX) que unificó todo el lenguaje de marca en un único sistema coherente.
• Capa agéntica generada íntegramente por IA que permite construir React de producción sin saber programarlo.
• Guardrails en git hooks que hacen cumplir la estructura de clean architecture y bloquean los commits no conformes — la arquitectura se mantiene correcta por tooling, no por revisión.
• En un proyecto real de cliente, una persona sin base de frontend sacó un proyecto React completo sin escribir una línea de código.
• Sistema de chat con IA replicable reutilizado en React y Angular, bajando el coste de cada proyecto que necesitaba una superficie conversacional.

04 /Resultado

La UI React de la marca se convirtió en un único sistema coherente y reutilizable, y construir sobre ella dejó de requerir saber React: la capa agéntica más los guardrails permitieron que no-desarrolladores entregaran proyectos completos con la arquitectura correcta por diseño.