Automatic template and logic generation from a codified user experience design

An automated template and logic generator retrieves a codified user experience design having persona and outcome metadata and a finite state machine. An aggregation engine walks the finite state machine, identifies objects in each state, and selects components that correspond with the objects from a component library. Actions associated with the components are identified, and used to identify API calls that are required to be made to implement the actions. Corresponding APIs are aggregated to create a back-end for front-end (BFF) layer for the codified user experience definition. A pattern is created for a front-end layer for the codified user experience design based on the FSM. A code generator builds components to the objects of the codified user experience design to generate precompiled code, which is packaged with a node.js layer to allow local runtime. The generated precompiled code is versioned and placed in the user experience design repository.