Name: SiteCheck AI
Availability: InStock
Author: frankreno

Ce qu'il fait

SiteCheck AI est une application d'inspection de chantier et de suivi des déficiences qui démontre le protocole MCP Apps (ext-apps). Elle fonctionne à la fois comme une application web Next.js complète et comme un serveur MCP, permettant aux gestionnaires de chantier de consigner et de suivre les déficiences soit via une interface navigateur, soit en discutant avec un assistant IA. Les éléments créés via ChatGPT ou Claude apparaissent instantanément dans l'application web — même base de données SQLite, interfaces multiples.

L'application est livrée avec 11 outils MCP. En mode OpenAI/Claude, les outils affichent des widgets interactifs (tableaux de bord, tableaux, formulaires, sélecteurs de gravité, téléchargements de photos) directement dans le chat. En mode générique, tous les outils renvoient des réponses en texte brut utilisables par n'importe quel client MCP.

Fonctionnalités clés

Widgets interactifs — ChatGPT et Claude affichent des tableaux de bord, des tableaux de déficiences, des cartes de statistiques, des sélecteurs de gravité et des formulaires de téléchargement de photos directement dans la conversation
Cycle de vie des déficiences — Créer, filtrer, mettre à jour la gravité/le statut, joindre des photos et clôturer les déficiences via des commandes en langage naturel
Génération de rapports PDF — Demandez à l'IA de générer un rapport d'inspection ; un lien de téléchargement apparaît instantanément
Serveur MCP bi-mode — /mcp pour tout client (texte brut), /mcp/openai pour les widgets ChatGPT et Claude
Pattern d'adaptateur de plateforme — La logique principale des outils est partagée ; les adaptateurs contrôlent l'enregistrement et le format de réponse par client

Installation

Nécessite Node.js. Aucun service externe ni clé API n'est requis.

git clone https://github.com/frankreno/ai-sample-app
cd ai-sample-app
npm install
npm run setup   # crée la base SQLite et injecte des projets d'exemple
npm run dev     # application web sur http://localhost:3000
npm run mcp     # serveur MCP sur http://localhost:8787

Claude Desktop (via proxy stdio utilisant uvx mcp-proxy):

{
  "mcpServers": {
    "sitecheck-apps": {
      "command": "/Users/VOTRE_NOM_UTILISATEUR/.local/bin/uvx",
      "args": ["mcp-proxy", "--transport", "streamablehttp", "http://localhost:8787/mcp/openai"]
    }
  }
}

ChatGPT : Exposez le serveur MCP publiquement (ngrok http 8787), puis ajoutez l'URL ngrok + /mcp/openai dans Paramètres ChatGPT → Apps.