Challenge 10: Building the guest assistant app

Challenge 10: Building the guest assistant app

Previous Challenge

Target Persona: Full-Stack AI / App Developer

Estimated Duration: 90 minutes

Prerequisites: Challenges 2, 7, 8, and 9 must be completed.

Introduction

This is the final integration and application challenge! Because the entire database agentic layer—including BigQuery FDW data sync, operational/analytical SQL tools, and MCP Toolbox—has already been securely structured in Challenges 7, 8, and 9, this challenge focuses exclusively on the developer’s magic: constructing the conversational guest assistant, vibe-coding a premium web application, and deploying it locally.

Description

Task 10.1: Scaffold the Guest Assistant with ADK

Using the Agent Development Kit (ADK), you will construct the conversational agent that consumes your MCP tools.

1. Create agent.py: Set up the agent, pointing it to your local MCP server to load the toolset:

    from google.adk.agents import Agent
    from toolbox_core import ToolboxSyncClient
   
    # 1. Connect to the MCP server running on port 5000
    # TODO: Initialize the ToolboxSyncClient pointing to your local MCP server
    toolbox = ...
   
    # 2. Load all tools (operational + analytical)
    # TODO: Load the 'disneyland_operational_tools' toolset from the MCP client
    disney_tools = ...
   
    # 3. Define the Guest Guide Agent
    # TODO: Configure your Agent named 'disney_guide_agent'. Use the 'gemini-2.5-flash' model,
    # write a rich, magical system instruction guiding the assistant on its persona and tool usage,
    # and link the loaded tools to the agent.
    visitor_guide = Agent(
        ...
    )
   

Task 10.2: Vibe-Coding a Premium Web Application

Rather than a generic, plain interface, you will vibe-code a stunning, premium web application that hooks into your ADK agent.

Leverage the Google AI Stack for Vibe-Coding:

• Stitch: Use Stitch to rapidly design and iterate on the premium web interface (dark modes, glassmorphism, animations) and export production-ready components.
• Google Antigravity 2.0 & CLI: Use the antigravity CLI and its Agentic IDE capabilities to autonomously scaffold and vibe-code the frontend logic, hooking it directly to your ADK agent.
• Google AI Studio: Prototype, experiment, and fine-tune any complex conversational interactions or multimodal prompts before integrating them into your codebase.

Success Criteria

To validate this challenge, you must demonstrate the following:

• Show a screenshot or proof of the Vibe-Coded Web App running, showcasing a premium design with glassmorphism, animations, and a rich, responsive layout.
• Show a full conversation demonstration in your application UI where the agent uses hybrid search, checks wait times, recommends a next-ride, and records a review—all working flawlessly in one session.

---

Congratulations! You have completed the Disneyland Agentic Data Cloud gHack! 🏆 You have built a state-of-the-art, end-to-end agentic data pipeline on Google Cloud. Have a magical day! 🪄✨

Previous Challenge