backend_tool_rendering.py
"""
Backend Tool Rendering — Dojo Demo
===================================
Backend tool: get_weather (renders as weather card via useRenderTool)
Dojo expects get_weather(location: str) with detailed return:
- city, temperature, humidity, wind_speed, conditions
- Rendered as a styled weather card in the frontend
"""
from agno.agent.agent import Agent
from agno.models.openai import OpenAIResponses
from agno.tools import tool
@tool
def get_weather(location: str) -> dict:
"""Get detailed weather for a location. Returns structured data for frontend rendering."""
data = {
"San Francisco": {
"city": "San Francisco",
"temperature": 18,
"humidity": 65,
"wind_speed": 12,
"conditions": "Sunny",
},
"New York": {
"city": "New York",
"temperature": 22,
"humidity": 55,
"wind_speed": 8,
"conditions": "Cloudy",
},
"Tokyo": {
"city": "Tokyo",
"temperature": 26,
"humidity": 70,
"wind_speed": 5,
"conditions": "Rainy",
},
"London": {
"city": "London",
"temperature": 15,
"humidity": 80,
"wind_speed": 15,
"conditions": "Overcast",
},
"Paris": {
"city": "Paris",
"temperature": 20,
"humidity": 60,
"wind_speed": 10,
"conditions": "Partly cloudy",
},
}
return data.get(
location,
{
"city": location,
"temperature": 20,
"humidity": 60,
"wind_speed": 10,
"conditions": "Partly cloudy",
},
)
backend_tool_agent = Agent(
name="backend_tool_rendering",
model=OpenAIResponses(id="gpt-5.5"),
tools=[get_weather],
instructions="""You help users check weather. When asked about weather, always use the get_weather tool.
The tool returns structured data that the frontend will render as a weather card.""",
markdown=True,
)
Run the Example
1
Set up your virtual environment
uv venv --python 3.12
source .venv/bin/activate
uv venv --python 3.12
.venv\Scripts\activate
2
Install dependencies
uv pip install -U "agno[agui,os]" ddgs google-genai openai requests
3
Export your API keys
export GOOGLE_API_KEY="your_google_api_key_here"
export OPENAI_API_KEY="your_openai_api_key_here"
$Env:GOOGLE_API_KEY="your_google_api_key_here"
$Env:OPENAI_API_KEY="your_openai_api_key_here"
4
Clone Agno
Clone the repository and run the remaining commands from its root:
git clone https://github.com/agno-agi/agno.git
cd agno
5
Run the example
Run the example from the repository root:
python cookbook/05_agent_os/interfaces/agui/showcase.py