Figma design for chat UI

[JayZeeDesign]

Problem statement

Currently it's difficult for non-technical users to setup a chatbot for different purpose via langchain, because it requires them to setup environment, understand the purpose of different components (e.g. prompt template, chain, etc.). HMW lower the barrier for them?

Describe the solution you'd like

• We enable non-technical users to customise a chatbot with their own model, docs, prompt templates, with UI that similar to chatGPT (which is something they are familiar with)
• Change the UX to make all setup flow of prompt templates, docs, etc. as part of the configuration of the chatbot, so that users have better understanding of the purpose of each component;
• Demo: https://www.loom.com/share/0c910f36ada44bbb822c2c495b08b630

Describe alternatives you've considered

• Tried another version that is more similar to traditional chatbot building UI with different components
• Didn't continue with this version as it is built for the scenario where users want to embed the UI on their own website, while i think there are quite a lot of value for users to build a custom bot without embeding

[homanp]

@JayZeeDesign i'm digging it 🙂 Will give more constructive feedback soon!

[seshubonam]

how to fork and add this ui. its cool!!

[homanp]

You can fork the repo and make a Pull Request.

Any help on this appreciated.