Custom Agent Product Demo | product demo video made with ngram

About the video

This product demo video was made with ngram to show how to connect an AI agent to external tools using Model Context Protocol (MCP) servers. The video opens with a title card reading "Let's hook it up," setting up a walkthrough of a product interface. The following screens show a configuration panel for adding a "New Connector," with fields for naming the connector, entering an MCP Server URL, selecting a transport method (shown as "Streamable HTTP"), and choosing an authentication method (shown as "None"). Sidebar navigation references sections for agent details and permissions, indicating this is part of a broader agent configuration workflow. The interface demonstrates the steps needed to give an AI assistant access to external services by pointing it at an API endpoint and setting basic connection parameters before saving. This type of walkthrough is useful for anyone setting up or evaluating how an AI agent integrates with outside tools, showing the specific form fields and options involved in establishing a connector without requiring deep technical documentation.