HostProfit

HostProfit Revenue Copilot is a generative UI layer built on top of Claude via the Model Context Protocol (MCP) that transforms a plain Airbnb URL into three live, interactive revenue intelligence cards — no app to download, no dashboard to log into.

When a host pastes a listing URL into Claude Desktop, the MCP server calls the HostProfit analysis API and returns structured widget responses instead of text. Claude renders three dynamic cards inline in the chat: (1) a Revenue Gap card showing the annual revenue left on the table with a hero number and blurred category breakdown, (2) a Listing Health card with a live SVG score gauge and per-category letter grades with locked fix recommendations, and (3) an Action Plan card ranked by dollar impact with the top action visible and remaining actions locked behind an upgrade CTA.

The stack: mcp-use framework for MCP server + widget bundling, React TSX widget components compiled and served from the MCP endpoint, Supabase Edge Functions as the analysis API backend, Stripe for upgrade checkout, and Manufact Cloud for serverless MCP deployment. The agent output directly drives the UI — score, gap, categories, and actions all flow from a single API call into live rendered components. Free tier shows teaser data with blur overlays; Pro tier unlocks the full breakdown. The upgrade button inside the widget calls another MCP tool to generate a Stripe checkout link, completing the full conversion loop inside the chat interface.

The HostProfit.ai analysis API (Supabase Edge Functions) was built prior to the hackathon. The MCP server, all widget UI components, free/paid tier gating, and the Stripe upgrade flow were built during the hackathon.