1) We use GPT-4 to generate the words in the memes 🖼️ 2) 🔍 We use regex (regular expression) to parse the output. If it finds two options, it creates a list and returns it.
1) 🤖 Import design from @figma (with the help of @LangChainAI Loader) 2) Chat with the design in @streamlit 💬 and @OpenAI. 3) 🎨 Design and code is returned
Demo, Code explained & Github Link↓
1/ Live Demo:
2/ There are two main files, chatbot[.]py and generateCode[.]py
Let's go over the generateCode[.]py first.
This is the script that generates HTML/CSS code based on the provided Figma designs.