Hugging Face's logo

Spaces:
Agents-MCP-Hackathon
/
explainor
Sleeping

App Files Community
explainor
File size: 3,302 Bytes 
12afb57
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
 
# Demo Video Script (1-2 min)

## Opening (10 sec)
**Show:** App homepage
**Say:** "This is Explainor - an AI agent that explains any topic through fun character voices, built for MCP's 1st Birthday Hackathon."

## Demo Part 1: Basic Usage (30 sec)
**Action:** Type "Blockchain" in the topic field
**Say:** "Let's explain Blockchain..."

**Action:** Select "Gordon Ramsay" persona
**Say:** "...as Gordon Ramsay would explain it..."

**Action:** Select "Confused grandmother" audience
**Say:** "...to a confused grandmother."

**Action:** Click "Explain it to me!" and wait
**Say:** "The agent researches the topic, extracts key facts, and transforms it into Gordon's voice."

**Action:** Show the explanation result
**Say:** "And there we go - Blockchain explained with food metaphors and intensity!"

## Demo Part 2: Audio (20 sec)
**Action:** Click "Read Aloud" button
**Say:** "It can also read it aloud with a matching voice."

**Action:** Let audio play for 5-10 seconds

## Demo Part 3: MCP Integration (30 sec)
**Action:** Expand "MCP Server" accordion
**Say:** "The cool part - this app is a real MCP server. Any MCP client like Claude Desktop can connect to it."

**Action:** Show the MCP endpoint URL
**Say:** "Just add this SSE endpoint and you get two tools."

**Action:** Expand "Details" → "Agent Tools" tab
**Say:** "process_and_explain takes a topic, persona, and audience - and returns the explanation. process_audio takes that explanation plus persona and generates speech. Under the hood, it uses Nebius AI and ElevenLabs."

### MCP Tools Reference (for video)
```
Tool 1: process_and_explain
  - topic: "Blockchain"
  - persona_with_emoji: "👨‍🍳 Gordon Ramsay"
  - audience_with_emoji: "👵 Confused grandmother"
  → Returns: explanation text + sources

Tool 2: process_audio
  - explanation: "Listen here, love! Blockchain's like..."
  - persona_with_emoji: "👨‍🍳 Gordon Ramsay"
  → Returns: audio file
```

## Closing (10 sec)
**Say:** "Built with Gradio's native MCP support. Check it out on Hugging Face Spaces. Thanks for watching!"

---

# LinkedIn Post

🎭 **Explainor** - My submission for MCP's 1st Birthday Hackathon!

Ever wanted Yoda to explain Quantum Computing? Or Gordon Ramsay to break down Blockchain?

I built an AI agent that:
🔍 Researches any topic via web search
🎭 Transforms explanations into 6 fun character voices
🔊 Reads them aloud with ElevenLabs TTS
🔌 Works as an MCP server - connect it to Claude Desktop!

**MCP Tools available:**
- `process_and_explain(topic, persona, audience)` → text
- `process_audio(explanation, persona)` → audio

**Tech stack:**
- Gradio with native MCP integration
- Nebius AI (Llama 3.3 70B)
- ElevenLabs for voice synthesis

🔗 Try it: https://agents-mcp-hackathon-explainor.hf.space
🔌 MCP: https://agents-mcp-hackathon-explainor.hf.space/gradio_api/mcp/sse

#MCPHackathon #AI #MCP #Gradio #HuggingFace

---

# X/Twitter Post (shorter)

🎭 Built Explainor for @anthropabordar MCP's 1st Birthday Hackathon!

An AI agent that explains ANY topic as:
- 👶 A 5-year-old
- 👨‍🍳 Gordon Ramsay
- 🏴‍☠️ A Pirate
- 🧙 Yoda
...with voice!

It's also an MCP server - connect it to Claude Desktop!

Try it: https://agents-mcp-hackathon-explainor.hf.space

#MCPHackathon #AI