About Demo de MCP Servers con Chainlit
This Chainlit demo provides an environment for trying MCP servers in a chat app. It uses Azure OpenAI credentials and shows adding a filesystem server to the chat.
Key features
- 01Try MCP servers in a Chainlit chat
- 02Add an MCP server through the chat interface
- 03Use Azure OpenAI credentials
- 04Run in a Dev Container
Use cases
- 01Test an MCP server in a chat environment
- 02Use a filesystem server to create and save a file
MCP support
The chat interface lets users add and use MCP servers, with a filesystem server shown as an example.
Configuration
Local server config is the same for every client. Copy it into your client’s MCP config file.
We haven’t collected a package or remote endpoint for this server. Follow the instructions in the project README.
Tools
Local servers expose tools only once running on your machine, and the maintainer has not provided a tool list.
Details
From the project READMEDemo de MCP Servers con Chainlit
¡Hola developer 👋🏻! En este repo puedes encontrar un entorno donde probar MCP Servers usando Chainlit. Lo único que debes hacer es añadir las credenciales de tu modelo en Azure Open AI en el archivo .azure.env:
Este repo funciona con Dev Containers así que no necesitas instalar nada en tu máquina local. Solo abre el repo en VSCode y selecciona la opción de abrir en contenedor.
Una vez que ya lo tengas ejecutandose, añade las credenciales de tu modelo en Azure Open AI en el archivo .azure.env:
AZURE_OPENAI_API_KEY=
AZURE_OPENAI_ENDPOINT=
OPENAI_API_VERSION=
AZURE_OPENAI_MODEL=
y ejecuta el siguiente comando para lanzar tu aplicación con Chainlit:
chainlit run app.py -w
Ahora verás que como parte del chat tienes un icono que te permite añadir servidores MCP:

Y puedes añadir algunos ejemplos, como el de filesystem;

Con el nombre Filesystem y este es el comando a ejecutar:
npx -y @modelcontextprotocol/server-filesystem /workspaces/chainlit-demo
Y la configuración quedaría algo así:

Preguntarle algo as:
Puedes crearme un poema sobre Model Context Protocol Servers y guardarlo en el archivo poema.txt
Y el resultado sería como el siguiente:

¡Nos vemos 👋🏻!
Comments
New to MCP?
From what the protocol is to installing your first server, these answers cover most first questions.
An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.