Spaces:
Sleeping
Sleeping
Commit
Β·
12afb57
1
Parent(s):
48000b3
Add demo script and social post templates
Browse files- DEMO_SCRIPT.md +101 -0
DEMO_SCRIPT.md
ADDED
|
@@ -0,0 +1,101 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
# Demo Video Script (1-2 min)
|
| 2 |
+
|
| 3 |
+
## Opening (10 sec)
|
| 4 |
+
**Show:** App homepage
|
| 5 |
+
**Say:** "This is Explainor - an AI agent that explains any topic through fun character voices, built for MCP's 1st Birthday Hackathon."
|
| 6 |
+
|
| 7 |
+
## Demo Part 1: Basic Usage (30 sec)
|
| 8 |
+
**Action:** Type "Blockchain" in the topic field
|
| 9 |
+
**Say:** "Let's explain Blockchain..."
|
| 10 |
+
|
| 11 |
+
**Action:** Select "Gordon Ramsay" persona
|
| 12 |
+
**Say:** "...as Gordon Ramsay would explain it..."
|
| 13 |
+
|
| 14 |
+
**Action:** Select "Confused grandmother" audience
|
| 15 |
+
**Say:** "...to a confused grandmother."
|
| 16 |
+
|
| 17 |
+
**Action:** Click "Explain it to me!" and wait
|
| 18 |
+
**Say:** "The agent researches the topic, extracts key facts, and transforms it into Gordon's voice."
|
| 19 |
+
|
| 20 |
+
**Action:** Show the explanation result
|
| 21 |
+
**Say:** "And there we go - Blockchain explained with food metaphors and intensity!"
|
| 22 |
+
|
| 23 |
+
## Demo Part 2: Audio (20 sec)
|
| 24 |
+
**Action:** Click "Read Aloud" button
|
| 25 |
+
**Say:** "It can also read it aloud with a matching voice."
|
| 26 |
+
|
| 27 |
+
**Action:** Let audio play for 5-10 seconds
|
| 28 |
+
|
| 29 |
+
## Demo Part 3: MCP Integration (30 sec)
|
| 30 |
+
**Action:** Expand "MCP Server" accordion
|
| 31 |
+
**Say:** "The cool part - this app is a real MCP server. Any MCP client like Claude Desktop can connect to it."
|
| 32 |
+
|
| 33 |
+
**Action:** Show the MCP endpoint URL
|
| 34 |
+
**Say:** "Just add this SSE endpoint and you get two tools."
|
| 35 |
+
|
| 36 |
+
**Action:** Expand "Details" β "Agent Tools" tab
|
| 37 |
+
**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."
|
| 38 |
+
|
| 39 |
+
### MCP Tools Reference (for video)
|
| 40 |
+
```
|
| 41 |
+
Tool 1: process_and_explain
|
| 42 |
+
- topic: "Blockchain"
|
| 43 |
+
- persona_with_emoji: "π¨βπ³ Gordon Ramsay"
|
| 44 |
+
- audience_with_emoji: "π΅ Confused grandmother"
|
| 45 |
+
β Returns: explanation text + sources
|
| 46 |
+
|
| 47 |
+
Tool 2: process_audio
|
| 48 |
+
- explanation: "Listen here, love! Blockchain's like..."
|
| 49 |
+
- persona_with_emoji: "π¨βπ³ Gordon Ramsay"
|
| 50 |
+
β Returns: audio file
|
| 51 |
+
```
|
| 52 |
+
|
| 53 |
+
## Closing (10 sec)
|
| 54 |
+
**Say:** "Built with Gradio's native MCP support. Check it out on Hugging Face Spaces. Thanks for watching!"
|
| 55 |
+
|
| 56 |
+
---
|
| 57 |
+
|
| 58 |
+
# LinkedIn Post
|
| 59 |
+
|
| 60 |
+
π **Explainor** - My submission for MCP's 1st Birthday Hackathon!
|
| 61 |
+
|
| 62 |
+
Ever wanted Yoda to explain Quantum Computing? Or Gordon Ramsay to break down Blockchain?
|
| 63 |
+
|
| 64 |
+
I built an AI agent that:
|
| 65 |
+
π Researches any topic via web search
|
| 66 |
+
π Transforms explanations into 6 fun character voices
|
| 67 |
+
π Reads them aloud with ElevenLabs TTS
|
| 68 |
+
π Works as an MCP server - connect it to Claude Desktop!
|
| 69 |
+
|
| 70 |
+
**MCP Tools available:**
|
| 71 |
+
- `process_and_explain(topic, persona, audience)` β text
|
| 72 |
+
- `process_audio(explanation, persona)` β audio
|
| 73 |
+
|
| 74 |
+
**Tech stack:**
|
| 75 |
+
- Gradio with native MCP integration
|
| 76 |
+
- Nebius AI (Llama 3.3 70B)
|
| 77 |
+
- ElevenLabs for voice synthesis
|
| 78 |
+
|
| 79 |
+
π Try it: https://agents-mcp-hackathon-explainor.hf.space
|
| 80 |
+
π MCP: https://agents-mcp-hackathon-explainor.hf.space/gradio_api/mcp/sse
|
| 81 |
+
|
| 82 |
+
#MCPHackathon #AI #MCP #Gradio #HuggingFace
|
| 83 |
+
|
| 84 |
+
---
|
| 85 |
+
|
| 86 |
+
# X/Twitter Post (shorter)
|
| 87 |
+
|
| 88 |
+
π Built Explainor for @anthropabordar MCP's 1st Birthday Hackathon!
|
| 89 |
+
|
| 90 |
+
An AI agent that explains ANY topic as:
|
| 91 |
+
- πΆ A 5-year-old
|
| 92 |
+
- π¨βπ³ Gordon Ramsay
|
| 93 |
+
- π΄ββ οΈ A Pirate
|
| 94 |
+
- π§ Yoda
|
| 95 |
+
...with voice!
|
| 96 |
+
|
| 97 |
+
It's also an MCP server - connect it to Claude Desktop!
|
| 98 |
+
|
| 99 |
+
Try it: https://agents-mcp-hackathon-explainor.hf.space
|
| 100 |
+
|
| 101 |
+
#MCPHackathon #AI
|