explainor / DEMO_SCRIPT.md
Emperor555's picture
Add demo script and social post templates
12afb57

A newer version of the Gradio SDK is available: 6.1.0

Upgrade

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