🔗 Teaching LLMs new UI tricks

Chat interfaces are the primary way to interact with LLMs today, and they can be assembled with just a minimal setup. While basic functionalities get a user started, the real magic happens when advanced UI components are utilized. The article delves into how ChatGPT manages to do more than simple Markdown, breaking down the product carousel as an example. Exploring how to implement similar dynamic features using Phoenix LiveView provides insight into the intricate workings of LLMs and their potential for rich UI experiences.

By reverse-engineering ChatGPT, findings reveal complex responses structured through custom delimiters and JSON under the hood. The article progresses into building a chat application that incorporates Markdown and rich UI elements like quick replies, utilizing the MDEx library for dynamic rendering. This exemplifies how to elevate basic chat interfaces into engaging apps, harnessing advanced UI possibilities that LLMs can support.