🏪 Shopfront: Local Shops, Found by AI
“Be the answer when people ask AI.”
Shopfront makes local businesses visible to AI assistants through the open Model Context Protocol (MCP).
⚡ Quick Links & Live Demos
📋 Table of Contents
- The Core Novelty & Positioning
- The Breakdown of Urban Apps vs. The AI Shift
- The Solution: Three Key Differentiators
- Deep Customization: You Decide What AI Says
- System Architecture & Request Lifecycle
- Live Endpoints & Model Context Protocol (MCP) Tools
- Connect to AI Assistants (Claude, Cursor, ChatGPT)
- Design System: "The Shutter Goes Up"
- Scientific Offline Evaluation & Benchmarks
- Local Development & Test Gates
1. The Core Novelty & Positioning
One line: Shopfront makes local businesses visible to AI assistants.
Tagline: “Be the answer when people ask AI.”
Short form: “Local shops, found by AI.”
Shopfront bridges the gap between physical urban retail and conversational intelligence. By turning neighborhood shops into queryable, authenticated nodes on the Model Context Protocol (MCP), merchants gain direct customer inquiries without building custom mobile apps or forfeiting 30% aggregator commissions.
2. The Breakdown of Urban Apps vs. The AI Shift
Urban commerce is experiencing a structural paradigm shift driven by consumer app fatigue and conversational AI:
The Three Critical Industry Breakdown Points:
- App Fatigue: Customers do not want to download, register, and update 30 different mobile apps for every local bakery, barber, and motorcycle garage.
- The Aggregator Tax: Conventional aggregators extract 20% to 30% of gross transaction volume and mask customer identities, preventing merchants from building long-term loyalty.
- The AI Search Blind Spot: When consumers ask Claude, Cursor, or ChatGPT for local recommendations, LLMs hallucinate or return generic blog scrapes because brick-and-mortar stores have no standard API or protocol representation.
3. The Solution: Three Key Differentiators
Shopfront replaces the fragmented app nightmare with a unified, protocol-driven architecture:
4. Deep Customization: You Decide What AI Says
Shopfront provides local merchants with absolute sovereignty over their data. Through the mobile-first Owner Portal, owners decide exactly what AI assistants know and recommend:
The 8 Signature Customization Levers:
- 1. Operating Shifts & Lunch Breaks: Configure discrete shift intervals (e.g. 09:00–13:00 and 16:30–21:30) and upcoming holiday dates. AI never sends customers to a closed shutter.
- 2. Exact Rupee Pricing: List precise prices (e.g. iPhone Battery: ₹1,800) to qualify high-intent customers and eliminate haggling.
- 3. Instant Availability Toggle: Flip an item unavailable with a single thumb-tap from your phone when parts run out. AI updates immediately.
- 4. Spatial Service Area: Pinpoint exact physical coordinates and service radiuses in PostGIS (SRID 4326).
- 5. Authentic Brand Story: Provide background on your techniques, heritage, and quality guarantees for AI to champion.
- 6. Pre-Formatted WhatsApp Message: Customize the greeting message generated when customers click your action link.
- 7. Bilingual Tamil & English Support: Enable native Tamil script matching alongside standard English.
- 8. Persistent "AI Preview": A live dashboard card in the Owner Portal showing the exact conversational response and raw MCP JSON that AI assistants receive.
5. System Architecture & Request Lifecycle
Shopfront combines sub-25ms PostGIS SQL retrieval with an LLM semantic decision reranker and a fail-open circuit breaker.
6. Live Endpoints & Model Context Protocol (MCP) Tools
Shopfront implements the Model Context Protocol (MCP 1.32.1) specification over Web Standard Streamable HTTP (POST /api/mcp) and local Stdio (scripts/mcp-stdio.ts).
Official MCP Registry Listing:
The 5 Core MCP Tools:
7. Connect to AI Assistants (Claude, Cursor, ChatGPT)
You can connect Shopfront to your AI assistant in under 60 seconds.
Option A: Claude Desktop (Local Stdio)
Add Shopfront to your claude_desktop_config.json:
- macOS:
~/Library/Application Support/Claude/claude_desktop_config.json
- Linux:
~/.config/Claude/claude_desktop_config.json
- Windows:
%APPDATA%\Claude\claude_desktop_config.json
Option B: Remote Streamable HTTP (Cursor / Web Agents)
In Cursor (Settings $\rightarrow$ Features $\rightarrow$ MCP Servers):
- Type:
command or sse / streamable-http
- URL:
https://shopfront-rouge.vercel.app/api/mcp
8. Design System: "The Shutter Goes Up"
The brand identity avoids generic SaaS gradients in favor of an authentic Chennai visual identity rooted in physical urban commerce: the rolling metal shop shutter.
- Marina Teal (
#0E6B66): Inspired by Marina Beach at dusk. Primary buttons, active indicators, and focus rings.
- Motion Turmeric (
#F4B000): Single focal accent per screen. Used for the lifted top slat and live verified badges.
- Stone Neutrals (
#FAF9F6 to #100F0D): Warm paper-and-ink gray tones.
- Explore All Assets: Visit shopfront-rouge.vercel.app/brand to download standalone SVGs.
9. Scientific Offline Evaluation & Benchmarks
Shopfront incorporates a rigorous offline evaluation framework executing 40 golden benchmark queries (30 Dev, 10 Held-out) across 4 query topologies:
Read the full engineering deep dive in TECHNICAL_CASE_STUDY.md.
10. Local Development & Test Gates
Prerequisites
- Node.js 22+ (pinned via
.nvmrc)
- PostgreSQL 16 with PostGIS 3.4 extension
- Docker & Docker Compose (optional for local DB)
Setup & Run
Crafted with engineering discipline for the streets of Chennai and the global agentic AI ecosystem.