[UNIT] Add draft Gradio bonus module for agents-course #120
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -72,8 +72,9 @@ Here is the **general syllabus for the course**. A more detailed list of topics | |
| | 2 | Frameworks | Understand how the fundamentals are implemented in popular libraries : smolagents, LangGraph, LLamaIndex | | ||
| | 3 | Use Cases | Let's build some real life use cases (open to PRs 🤗 from experienced Agent builders) | | ||
| | 4 | Final Assignment | Build an agent for a selected benchmark and prove your understanding of Agents on the student leaderboard 🚀 | | ||
| | 5 | Bonus Gradio Module | Learn to build and deploy interactive AI agents with Gradio interfaces | | ||
|
|
||
| *We have one bonus unit available for you: Gradio module helps you create interactive interfaces for your agents. More bonus units coming soon!* | ||
|
There was a problem hiding this comment. I would not change that sentence. As it removes the emphasis on other future bonus Units There was a problem hiding this comment. 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. Makes sense. Thanks for the reviews. |
||
|
|
||
| ## What are the prerequisites? | ||
|
|
||
|
|
||
| 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. You might want to mention the difference between this and a gradio space being used as a tool for an agent. There was a problem hiding this comment. Ah, I missed this point in my latest submission, will include the distinction now. Thanks, Ben. |
||
|
|
||
| - 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. 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. 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. There was a problem hiding this comment. This suggestion makes sense, and the team is on board with it as well! I’m excited to focus only on smolagents for this particular chapter. |
||
| - 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. 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. There was a problem hiding this comment. That'll be great, thanks! |
||
|
|
||
| - 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.
just a suggestion, not sure if this makes more sense