> ADVANCED MCP PRESENTATION
SLIDE 10/16

> LIVE DEMO: INSPECTOR + SERVER [HANDS-ON]

▶ ZERO-SETUP EXPLORATION PLATFORM

Launch with npx, inspect in real-time, safe for live exploration
$ npx -y @modelcontextprotocol/server-everything
[STARTING] Everything MCP Server v1.0.0
[LOADED] 8 tools, 4 resources, 3 prompts, 2 sampling endpoints
[TRANSPORT] stdio ready for connections
[SAFE] No destructive operations - perfect for demos

🎮 MCP INSPECTOR WALKTHROUGH

┌──────────────────────────────────────────────────────────────────┐
│                      MCP INSPECTOR INTERFACE                     │
├──────────────────────────────────────────────────────────────────┤
│                                                                  │
│  TABS: [Tools] [Resources] [Prompts] [Sampling] [Connection]     │
│                                                                  │
│  ┌─────────────────────────────────────────────────────────────┐ │
│  │ TOOLS TAB                                                   │ │
│  │ ├── echo               │ Simple echo demonstration          │ │
│  │ ├── add                │ Add two numbers together           │ │
│  │ ├── longRunningOp      │ Async streaming demo               │ │
│  │ ├── annotatedMessage   │ Structured metadata example       │ │
│  │ ├── getTinyImage       │ Generate small images              │ │
│  │ ├── sampleLLM          │ Server-asks-model demonstration    │ │
│  │ ├── printEnv           │ Environment variable display       │ │
│  │ └── complex_tool       │ Multi-parameter advanced tool      │ │
│  └─────────────────────────────────────────────────────────────┘ │
│                                                                  │
│  [EXECUTE] [VIEW SCHEMA] [TEST PARAMETERS] [MONITOR]             │
└──────────────────────────────────────────────────────────────────┘

✅ INTERACTIVE DEMONSTRATION CHECKLIST

🔧 TOOLS EXPLORATION

[ ] Call `echo` → verify basic functionality
[ ] Call `add(5, 3)` → test parameter validation
[ ] Execute `longRunningOperation(10, 5)` → watch streaming
[ ] Try `annotatedMessage` → examine structured metadata

📚 RESOURCES INSPECTION

[ ] Browse `test://static/resource/42` → observe auto-updates
[ ] Subscribe to resource → watch real-time changes
[ ] Check resource metadata → understand structure
[ ] View resource history → track update timeline

💬 PROMPTS TESTING

[ ] Load `simple_prompt` → basic template example
[ ] Execute `resource_prompt` → dynamic argument injection
[ ] Try `complex_prompt` → multi-modal demonstration
[ ] Modify arguments → see template flexibility

🤖 SAMPLING DEMOS

[ ] Call `sampleLLM` → server-asks-model pattern
[ ] Watch bidirectional AI workflow
[ ] Observe response validation
[ ] Test different prompts → see AI integration

▶ REAL-TIME EXPLORATION BENEFITS

👁️ VISUAL INSPECTION

See tool schemas, resource structures, prompt templates.

⚡ IMMEDIATE FEEDBACK

Execute tools and see results instantly.

🔍 DEBUG CAPABILITIES

Monitor requests, responses, and errors.

📊 PERFORMANCE MONITORING

Track response times and resource usage.

▶ SAFE EXPLORATION

✅ No destructive operations ✅ Isolated test environment ✅ Easy reset and restart ✅ Perfect for learning and demos

📝 KEY DEMONSTRATION POINTS

Interactive Elements:
  • Real-time tool execution and results
  • Resource subscription and auto-updates
  • Template argument modification
  • Bidirectional AI sampling workflows
  • Error handling and validation
  • Performance and monitoring insights