Skip to content
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

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion units/en/unit0/introduction.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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 are also planning to release some bonus units, stay tuned!*
*We have one bonus unit available for you: Gradio module helps you create interactive interfaces for your agents. More bonus units coming soon!*
Copy link
Collaborator

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

Copy link
Member

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.

Copy link
Member Author

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.


## What are the prerequisites?

Expand Down
42 changes: 42 additions & 0 deletions units/en/unit5/README.md
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
Copy link
Collaborator

Choose a reason for hiding this comment

The 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
Copy link
Collaborator

Choose a reason for hiding this comment

The 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
Copy link
Collaborator

Choose a reason for hiding this comment

The 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
Copy link
Collaborator

Choose a reason for hiding this comment

The 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