📝 LLM Markdown

A Nextjs app demonstrating how to display rich-text responses from Large Language Models (LLMs) by prompting and rendering Markdown formatting, Mermaid diagrams, and LaTeX equations.

Read more in this blog post: Rendering rich responses from LLMs

Examples

This example is asking for the top grossing movies, structured as a Mermaid pie chart.

This example is asking when vegetables should be planted, structured as a Mermaid Gantt chart.

Technologies

• Nextjs
• Vercel AI
• remark
• mermaid
• latex.js
• And more...

Setup

• Clone the project
• npm install
• npm run dev
• Open in your browser
• Set your OpenAI API Key