How to Implement a Simple UI for CrewAI applications

In this video, I would like to provide you a quick tutorial for building a visualized CrewAI application by using the Streamlit framework.
TIME STAMPS:
00:00 Intro
03:00 CrewAI
03:58 Streamlit
04:35 Block Diagram
05:12 Code Walkthrough
11:20 Conclusion
USEFUL LINKS:
Demo Source Code - github.com/yeyu2/KZbin_demos
Tutorial on SubStack - open.substack.com/pub/yeyu/p/...
MY CONNECT:
Buy me a coffee - ko-fi.com/yeyuh
Business Inquiries - [e-mail]
X: x.com/Yeyu2HUANG
Discord - / discord
Email Subscription - yeyu.substack.com/
Exclusive service - ko-fi.com/yeyuh/tiers

[@MrGaborKukucska]

Thanks for your tutorials Yeyu 🙌

[@zmjerry]

Thanks for sharing! This is exactly what I'm looking for last week! Good job and keep on the good work!

[@yeyulab]

Thanks! I am glad that it is helpful for you!

[@trafferz]

Very cool! Just started with CrewAi this week and had in mind trying another task today before seeing this video. Streamlit gui up and running. Looking forward to now playing more with the CrewAi internals to tweak output. Very useful. Thanks! Haven't looked yet, does Streamlit docs describe how we might put the Agent prompts to gui so they can be customized by a user from the interface as well?

[@yeyulab]

Do you mean you want to have more customized input from the UI for setup the CrewAI workflow?

[@trafferz]

@@yeyulab missed this response. yeah, i've been messing around with streamlit to manage the task and agent attributes/prompts stored in a yaml file.

[@user-wr4yl7tx3w]

how about gradio? any thoughts about the pros and the cons between the two?