Name: Loop Page Viewer
Availability: InStock
Author: yemi33

Ce qu'il fait

Affiche les pages Microsoft Loop sous forme de widgets interactifs directement dans votre chat d'IA. Lorsqu'un LLM crée ou récupère une page Loop, au lieu d'afficher du texte brut, cette application affiche une carte compacte qui s'étend en markdown entièrement rendu avec un éditeur intégré.

Fonctionnalités clés

Rendu de widget intégré — Les pages Loop apparaissent sous forme de cartes compactes avec icône, titre et aperçu du contenu, s'étendant au clic vers un markdown complet.
Mode édition — Passez au mode édition directement dans le chat pour modifier le contenu de la page, puis enregistrez les modifications via le serveur MCP Loop.
Fond transparent — Le widget s'intègre parfaitement à l'interface hôte pour un aspect natif.
Accessible — Navigation au clavier avec gestion appropriée de l'état aria-expanded.
Double transport — Supporte les modes stdio (Claude Code, VS Code) et HTTP (hôtes web).

Installation

Claude Code — ajoutez à ~/.claude/settings.json :

{
  "mcpServers": {
    "loop-page-viewer": {
      "command": "npx",
      "args": ["tsx", "/path/to/loop-page-viewer/server.ts"],
      "tools": ["*"]
    }
  }
}

VS Code Copilot — ajoutez à .vscode/mcp.json :

{
  "servers": {
    "loop-page-viewer": {
      "type": "stdio",
      "command": "npx",
      "args": ["tsx", "/path/to/loop-page-viewer/server.ts"]
    }
  }
}

Claude Desktop (HTTP) — démarrez avec npm run serve:http, puis utilisez un tunnel avec cloudflared et ajoutez-le comme connecteur personnalisé.