MCP Builder
Lovable
Event API
Weather API
AI Chat
City Guide

Build an AI Event Guide in Minutes using MCP-Builder.ai & Lovable

Complete step-by-step tutorial showing how to create an AI-powered event city guide for Linz, Austria using MCP-Builder.ai, Linz City Events XML API, OpenWeatherAPI, and Lovable for the frontend with an intelligent chat interface.

Dominik (MCP-Builder.ai)
20 min read
August 2025

Video Tutorial

Watch the complete step-by-step video tutorial to build your own AI Event Guide.

What You'll Build

In this comprehensive tutorial, you'll create a smart event discovery platform for Linz, Austria that combines multiple APIs with AI-powered chat functionality. The application helps users find the perfect events based on weather conditions and their personal preferences.

Key Features

  • AI-powered chat interface for event recommendations
  • Real-time weather integration
  • Linz City Events XML API integration
  • Modern, responsive design

Technologies Used

MCP-Builder.ai
Lovable
OpenAI SDK
Linz Events API
OpenWeatherAPI
React

Tutorial Steps

1. Application Architecture

Learn how to setup a typical AI Agent Setup that includes a Chat interface frontend for the user. And a MCP-Server and MCP-Client to get the connection between the APIs and the LLM.

2. Create your MCP-Server with MCP-Builder.ai

Configure MCP-Builder.ai to create a server that connects with the official Linz City Events XML API and integrates OpenWeatherAPI for real-time weather data retrieval.

3. Create your AI Agent Frontend with Lovable

Build a modern, responsive frontend using Lovable's AI-powered development platform, featuring a clean chat interface and OpenAI integration for seamless user interactions.

4. Test

Connect all components together and test the complete workflow from weather checking to event recommendations, ensuring smooth communication between frontend, MCP-Server, and APIs.

Lovable Development Prompt

Use this exact prompt in Lovable to build the frontend application:

Lovable Prompt:

Build a page that helps users to find the best events on a certain day in Linz, Austria. It features a AI chat (using openAI LLM) to suggest the best matching event depending on the weather on a certain day and the users preferences.

The website contains:

  • Modern and cool design
  • A startpage to add an openAI key
  • A typical chat interface

Use best practice from other pages. We do not need multi chat support. It's only just a one time chat.

Technical details:

Use the openai sdk for react and not just call the api yourself. Doing so you can add mcp server urls to the website.

from openai import OpenAI
client = OpenAI()
resp = client.responses.create(
    model="gpt-4.1",
    tools=[
        {
            "type": "mcp",
            "server_label": "weather_and_events_linz",
            "server_url": "https://your.mcp-server.com/sse",
            "require_approval": "never",
        },
    ]
)
print(resp.output_text)

System Prompt:

You are an expert for Events in the city of Linz in Austria and help answering and finding the best suitable events for people. You start with the greeting "Seas" and introduction of yourself. You like to keep yourself short and not write to long sentences. You response in english unless your chatpartner is writing in another language.


The first question is always on which day the user wants to search for events. If the date is only 4 days in the future you check the weather (use an MCP tool for that) for Linz at this specific day. Otherwise tell the user that the date is to far for a forecast but mention the general climate at this time in linz austria.


Afterwards get the events for that day (use the MCP tool for that) and then ask the user some final questions without naming the events yet. Ask for a specific type or style and what he/she is in the mood for. Then give event proposals. Potentially resume if the user does not like it.


If the user comes up with any other questions, don't answer them but be kind and tell him/her that you are here to answer any event specific questions for Linz.


You have access to MCP tools for:
1. Weather checking for Linz, Austria
2. Event retrieval for specific dates in Linz
Always be helpful, friendly, and focused on Linz events only.

What You'll Learn

MCP Integration

  • • Setting up MCP-Builder.ai server
  • • Connecting external APIs via MCP
  • • Weather and events data integration

Frontend Development

  • • Modern UI design with Lovable
  • • OpenAI SDK for React integration
  • • Chat interface best practices

Ready to Build Your Own MCP Server?

Start by creating your MCP server with the APIs you need. MCP-Builder.ai makes it easy to connect any REST API to your AI applications.

Build with MCP-Builder.ai