MCP Carousel Engine v4.0

The Sovereign Multi-Archetype Model Context Protocol (MCP) Server for High-End 4:5 Vertical Social Carousels.
Designed and engineered by Said KOMI (Ingénieur Réseaux et Système).

Aperçu Visuel • Nouveautés v4.0 • Les 4 Archétypes • Presets Métiers • Micro-Charts SVG • Patterns de Slides • Outils MCP • Intégration Agensi.io

[▸] Quoi de neuf dans la Version 4.0 ?

1. Sécurité Entreprise & Neutralisation Anti-XSS :

   • Sanitisation systématique et whitelisting strict de toutes les interpolations HTML utilisateur et LLM.

   • Éradication des risques d'injection DOM dans Chromium (--no-sandbox) : les balises malveillantes (<script>, <iframe>, onload=, etc.) sont neutralisées en entités HTML.

   • Préservation ciblée des balises sémantiques et de style autorisées (<span class="accent">, <code>, <mark>, <strong>, <em>, <br>).

2. Validation d'Entrée Stricte par Schéma Zod :

   • Validation typée Zod (CarouselProjectSchema, SlideInputSchema) en amont de toute exécution.

   • Contraintes strictes sur la pagination : 2 à 10 slides par carrousel (optimisé pour LinkedIn 5 à 7 slides).

   • Sanitisation des répertoires d'export (outputDirectory) contre les attaques par traversée de chemin (Path Traversal).

3. Portabilité Multi-OS & Détection Dynamique des Navigateurs :

   • Détection intelligente de Google Chrome, Microsoft Edge et Brave sur Windows, macOS et Linux.

   • Fallback automatique transparent sur le Chromium géré par Puppeteer.

4. Avatar Vectoriel Procédural SVG Dynamique :

   • Découplage complet des chemins de fichiers locaux en dur.

   • Si aucun avatar photo n'est spécifié, le moteur synthétise automatiquement un avatar SVG vectoriel haute définition avec monogramme d'autorité et halo néon calibré selon la palette active.

5. Déblocage Intégral des 4 Archétypes de Design :

   • Tous les archétypes sont désormais pleinement opérationnels et testés à 100% :

     • swiss-editorial-clean (Minimalisme suisse, Klein Blue, typographie 900 asymétrique).

     • cyber-glass-bento (Glassmorphism cyber-sécurité, bordures laser cyan, compartiments floutés).

     • paper-light-editorial (Presse économique, papier ivoire chaud, liseré bordeaux).

     • neo-geometric-dark (La Formule Souveraine originale, fond noir absolu, orbes 3D et carte blanche).

   • Tag Matcher sémantique corrigé avec détection par mot entier (word boundary) gérant les accents français.

6. Architecture Allégée & Zéro Code Mort :

   • Purge complète de react, react-dom et remotion superflus.

   • Restauration des sources documentaires TypeScript (src/documents/) pour une compilation TypeScript 100% autonome et déterministe.

7. Packaging Commercial Agensi.io & Claude Code :

   • Module agentique prêt à l'emploi dans skills/linkedin-carousel-pro/ avec fichier de compétence SKILL.md, prompts orchestrateurs et exemples JSON réels.

Related MCP server: MotionDesign MCP

[▸] Les 4 Archétypes de Design

[▸] Presets de Thèmes Métiers

(Le moteur sélectionne automatiquement le preset le plus adapté par analyse sémantique si le champ est omis).

[▸] Micro-Graphiques Vectoriels SVG Mathématiques

Chaque slide de type metric-chart peut accueillir un visualiseur vectoriel natif calculé géométriquement :

1. area-sparkline : Courbe de Bézier cubique Catmull-Rom avec ligne de seuil SLA, points d'inflexion et dégradé d'aire remplie.

2. bento-bars : Barres horizontales de benchmark avec badge d'accentuation, métrique delta et étiquettes comparatives.

3. radial-gauge : Jauge circulaire à arc paramétrique (260°), score central et sous-titre de certification.

4. pipeline-flow : Topologie de flux horizontal reliant des nœuds de microservices avec tags de protocole et latences associées.

[▸] Les Patterns de Mise en Page

[▸] Les 5 Règles d'Or du Système

[▸] Installation & Configuration

Option A : Exécution Directe (NPX)

{
  "mcpServers": {
    "carousel-engine": {
      "command": "npx",
      "args": ["-y", "mcp-carousel-engine"]
    }
  }
}

Option B : Installation Locale depuis les sources

git clone https://github.com/saidkomi/mcp-carousel-engine.git
cd mcp-carousel-engine
npm install
npm run build

Configuration locale du client MCP :

{
  "mcpServers": {
    "carousel-engine": {
      "command": "node",
      "args": ["c:/VEILLE TECHNOLOGIQUE/laboratoires/agentic-google/mcp-carousel-engine/dist/index.js"]
    }
  }
}

[▸] Outils MCP Exposés

1. render_carousel_project

Compile le projet complet (slides vectorielles, micro-graphiques mathématiques SVG, orbes 3D), pilote Chromium Headless en tâche de fond, génère les PNGs $1080 \times 1350$ Retina 2x, assemble le PDF multipages natif LinkedIn (linkedin_carousel.pdf) et crée la galerie interactive index.html.

2. list_theme_presets

Retourne les 5 presets métiers calibrés (cloud-devops, cybersecurity, fintech-systems, ai-deeptech, monochrome-swiss) et les spécifications des 3 modes visuels (hybrid, dark, light).

3. get_design_rules

Retourne les règles typographiques, la Formule Souveraine Hybride, le ratio strict (1080x1350) et la politique zéro-émoji.

4. list_creative_archetypes

Catalogue des 4 archétypes de mise en page avec recommandations de palettes et structures.

5. match_design_dna

Prend { topic, industry, tone } et déduit automatiquement le profil de Design DNA le plus adapté (palette, grille, tokens, archétype).

6. list_design_primitives

Liste les primitives de mise en page réutilisables HTML/CSS/SVG (grilles 4:5, sphères 3D, pilules néon, conteneurs bento, cartes monumentales).

[▸] Packaging Commercial Agensi.io

Le serveur est livré avec son package de compétence certifié :

• Répertoire : skills/linkedin-carousel-pro/

• Spécification : SKILL.md (compatible Agensi.io, Claude Code, Cursor, Copilot)

• Exemples complets :

  • skills/linkedin-carousel-pro/examples/cloud-architecture.json

  • skills/linkedin-carousel-pro/examples/cybersecurity-audit.json

  • skills/linkedin-carousel-pro/examples/fintech-executive.json

• Prompt orchestrateur : skills/linkedin-carousel-pro/prompts/orchestrator.md

[▸] Auteur & Licence

• Concepteur & Architecte : Said KOMI

• Rôle : Ingénieur Réseaux et Système

• Licence : Propriétaire — Tous droits réservés (voir LICENSE)

• Toute reproduction, distribution ou exploitation commerciale non autorisée est strictement interdite.