Workshop: Build Your Testing Sidekick- Custom Tools with Model Context Protocol
summary
Builds a TypeScript MCP server that registers a browser metrics collector tool and reuses Playwright MCP for navigation via a CDP endpoint (remote debugging port 92), injects page.evaluate JavaScript to capture web vitals (LCP, FCP, TTFB), returns JSON and writes HTML reports, and demonstrates two MCPs calling each other while a host agent (Cursor) orchestrates steps — the demo runs end to end. Covers resource registration (metrics.md), sampling/elicitation gaps, and security risks like prompt/tool shadowing.
AI-written summary · about
chapters (18)
- 0:00Workshop introduction
- 2:12Model Context Protocol overview
- 3:15Tooling chaos and MCP
- 4:39MCP as universal connector
- 5:41MCP architecture explained
- 7:06Setup with Cursor Pro
- 9:56MCP tools resources prompts
- 14:07Live demo performance MCP
- 18:24MCP server in TypeScript
- 24:27Register first MCP tool
- 33:12Browser navigation with Playwright
- 44:21Metrics collection tool
- 54:02Testing integrated MCP tools
- 59:25MCP resources for performance
- 1:06:27Metrics resource implementation
- 1:14:36Advanced MCP features
- 1:20:58Workshop recap
- 1:21:19Q&A
related talks
31mHow to build an MCP server for Vue?
35mMastering the Model Context Protocol
01h 31mBuild AI-Powered Automation Tools: MCP Workshop for Developers & Engineers
27mRethinking Testing for MCP Servers
34mLLMs, Meet Your Tools: The Magic of Model Context Protocol
43mLLMs, Meet Your Tools: The Magic of Model Context Protocol
32mMCP for dummies: Feed more context to LLM
45mModel Context Protocol (MCP): The future of user interactions?