-
Notifications
You must be signed in to change notification settings - Fork 696
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[UNIT] Add draft Gradio bonus module for agents-course #120
base: main
Are you sure you want to change the base?
Changes from all commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,42 @@ | ||
# Bonus Module: Building User Interfaces for AI Agents with Gradio | ||
|
||
## Chapters | ||
- Introduction to Gradio for AI Agents | ||
- Why Gradio for Agent UIs? | ||
- Understanding the role of UI in Agent interactions | ||
- Setting up Gradio | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. You might want to mention the difference between this and a gradio space being used as a tool for an agent. |
||
|
||
- Building Your First Agent Interface | ||
- Introduction to gr.ChatInterface | ||
- Basic Agent chat UI implementation | ||
- Quick Quiz 1 | ||
|
||
- Enhancing Agent Interactions with ChatMessage | ||
- Understanding gr.ChatMessage format | ||
- Displaying Agent thoughts and reasoning | ||
- Tool usage visualization | ||
- Quick Quiz 2 | ||
|
||
- Advanced Agent UI Features | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. This will be nice with lot's of examples and embedded gradio spaces. |
||
- Implementing chat history | ||
- Adding file upload capabilities | ||
- Customizing with Sidebar and Multipage | ||
- Styling and theming your Agent UI | ||
- Showing visible thought process of agents | ||
|
||
- Hands-on Project: Building a Complete Agent UI | ||
- Implementing an Agentic UI : smolagents | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. It's amazing that you're planning to implement it in 3 libraries. But feel free to pick one, if you think it's difficult to maintain. |
||
- Adding tool usage visualization | ||
- Customizing the interface | ||
- Implementing an Agentic UI : langchain | ||
- Adding tool usage visualization | ||
- Customizing the interface | ||
- Implementing an Agentic UI : llamaindex | ||
- Adding tool usage visualization | ||
- Customizing the interface | ||
- Bonus Module Final Quiz | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Just so you know, I've also made a code quiz space that uses an LLM as a judge. I can help with setting up the questions if you like. |
||
|
||
- Conclusion and Next Steps | ||
- Best gradio-practices | ||
- Additional resources | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I would not change that sentence. As it removes the emphasis on other future bonus Units
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Agreed with @Jofthomas. Because we don't have only bonus units with gradio, for instance next week we have one that is not about gradio but fine-tune.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Makes sense. Thanks for the reviews.