Lorem Picsum MCP

Ce qu'il fait

Lorem Picsum MCP est une application de démonstration pour le framework MCP Apps chapplin. Elle se connecte au service d'images d'espace réservé Lorem Picsum et affiche des photos aléatoires directement à l'intérieur des clients compatibles MCP. Lorsqu'un assistant IA appelle l'outil get_image, l'application renvoie une carte d'interface utilisateur interactive affichant une image aléatoire de Lorem Picsum — plus besoin d'ouvrir un navigateur.

Caractéristiques clés

• Cartes d'images interactives — Affiche les images d'espace réservé comme une interface utilisateur intégrée dans le client MCP, et pas seulement des URL
• Construit sur le framework chapplin — Démontre le modèle MCP Apps pour construire des interfaces d'outils riches et interactives avec SolidJS
• Déploiement Cloudflare Workers — Hébergé sur https://lorem-picsum-mcp.ssssota.workers.dev/mcp pour une utilisation instantanée
• Hono + MCP SDK — Utilise @hono/mcp et @modelcontextprotocol/sdk pour une implémentation de serveur moderne et légère
• Typage sécurisé avec Zod — Validation complète du schéma sur les entrées et sorties des outils

Installation

Claude Desktop — ajoutez à claude_desktop_config.json :

{
  "mcpServers": {
    "lorem-picsum": {
      "command": "npx",
      "args": ["-y", "@hono/mcp-cli", "https://lorem-picsum-mcp.ssssota.workers.dev/mcp"]
    }
  }
}

Claude.ai web — ajoutez l'URL du serveur MCP dans Paramètres → Intégrations :

https://lorem-picsum-mcp.ssssota.workers.dev/mcp

VS Code Copilot — ajoutez à settings.json :

{
  "github.copilot.chat.mcp.servers": {
    "lorem-picsum": {
      "url": "https://lorem-picsum-mcp.ssssota.workers.dev/mcp"
    }
  }
}

Hôtes supportés

Claude Desktop, Claude.ai, VS Code Copilot. Tout client MCP supportant le transport HTTP et l'extension MCP Apps devrait fonctionner.