Hey, Has anyone mastered AI-Chatbot UIs (like ChatGPT), particularly making the chat generate clear code outputs? I’m currently utilizing the RTE tiptap plugin for displaying chat responses and appending “respond in HTML” to the prompt. However, it falls short with code. Insights?

Hey @georgecollier , I didn’t know ChatGPT responses were in Markdown. So instead of tiptap plugin I replace it with markdown pro plugin? Thanks a lot!

Yes and ask it to format in Markdown

I think no one solution masters all AI-Chatbot UIs for code. Consider reliable code editors within the chat interface for complex outcomes. Research libraries like Monaco editor for embedded code display and editing. Do research with prompts like “write Python code for…” or “generate JavaScript f…

How to Enhance UI for AI-Chatbots to Generate Clear Code?

Questions

georgecollier February 21, 2024, 2:38pm 2

ChatGPT is trained to respond in Markdown. As such, you’re best off using a Markdown renderer (@rico.trevisan has a good one Markdown Pro 🐌 + Tailwind styles (free!))

Topic		Replies	Views
Create JS code for Bubble with Chat GPT? Plugins	17	3654	January 9, 2023
Help With Displaying Styled Text for AI-Chatbot Conversation in RG Need help	9	2037	November 10, 2023
🚀 Free Markdown Plugin for Bubble.io - Perfect for AI Chat Apps! Plugins	0	237	July 12, 2024
ChatGPT with Code Highlighting Plugins	6	925	June 9, 2023
ChatGPT output in bbcode Questions	7	1098	August 18, 2023

How to Enhance UI for AI-Chatbots to Generate Clear Code?

Related topics