deckpipe.dev
deckpipe · Productivité
deckpipe.dev est un moteur de présentations conçu pour les agents. Il permet aux agents IA de créer, modifier et rendre des présentations sans jamais toucher à un modèle. Chaque diapositive est du HTML, du CSS et du JS montés dans un shadow root isolé de 1920×1080, et l'ensemble tourne sur un serveur MCP pour Claude, Cursor et Claude Code. Vous cherchez un générateur de diapositives IA qui confie le contrôle total du design à votre agent au lieu de l'enfermer dans des mises en page figées ? C'est ce vide que comble deckpipe, et il vise directement les flux où c'est l'agent, et non un humain, qui construit.
À propos de deckpipe.dev
Qu'est-ce que deckpipe.dev
deckpipe.dev est un moteur de rendu pour agents IA. Au lieu de déplacer des blocs sur un canevas, votre agent écrit chaque diapositive sous forme de code. Ensuite deckpipe l'isole, applique le thème et héberge le résultat. La promesse est simple : pas de modèles, pas de mises en page, pas de limites.
Il résout un problème très précis. La plupart des outils de présentation laissent l'agent coincé avec des formats prédéfinis, si bien que chaque présentation faite par IA finit par se ressembler. En tant qu'outil de présentation pour agents IA, deckpipe rend le contrôle du design à l'agent. Une feuille de styles au niveau de la présentation se propage à chaque diapositive : vous écrivez votre système de design une fois et le réutilisez.
La contrepartie est réelle. Comme les diapositives sont du code, deckpipe attend un agent capable d'écrire et de corriger du HTML et du CSS. Un utilisateur ordinaire sans agent dans la boucle n'en tirera pas grand-chose. Loin de là. Il est aussi bâti autour du flux MCP, donc l'édition manuelle classique n'est pas le chemin principal.
Pour commencer
- Connectez le serveur MCP. Pointez votre agent vers le serveur distant sur https://deckpipe.dev/mcp, ou faites une installation locale avec npx deckpipe-mcp pour le transport stdio.
- Chargez la skill deckpipe-design pour que votre agent connaisse les règles de densité, le schéma de sécurité de mise en page et le balayage des débordements.
- Demandez à votre agent de créer une présentation. Il appelle create_deck et écrit chaque diapositive en HTML, CSS et JS.
- Prévisualisez les diapositives. preview_slide et get_slide_screenshot renvoient un PNG rendu plus un rapport de rendu indiquant les débordements, les erreurs JS et les chargements de polices.
- Modifiez sur place. Cliquez sur n'importe quel texte d'une diapositive du canevas pour le changer, ou laissez des commentaires que votre agent lit, actualise et documente.
Informations sur le produit
Aperçu des tarifs, des plateformes compatibles et des performances de deckpipe.dev.
Idéal pour
Les utilisateurs, tâches et cas d'usage où cet outil convient le mieux.
Utilisateurs
- Créateurs d'agents IA
- Designers qui codent
- Fondateurs et équipes produit
Tâches
- Générer une présentation complète à partir d'un prompt
- Modifier un seul élément sans tout re-rendre
- Garder un aspect cohérent sur de nombreuses diapositives
Cas d'usage
- Itérer sur un pitch deck la veille d'une réunion
- Apprendre à un agent une bonne densité de diapositives
- Automatiser des rapports récurrents
Fonctionnalités clés
Un canevas de code plutôt que des modèles
Chaque diapositive est du HTML, du CSS et du JS qui vivent dans un shadow root isolé de 1920×1080. Votre agent dessine des mises en page au pixel près sans se battre avec les emplacements fixes d'un modèle, et le plafond de ce à quoi une diapositive peut ressembler devient la compétence de l'agent plutôt que la bibliothèque de mises en page de l'outil, ce qui compte beaucoup quand vous construisez une présentation de marque qui doit se démarquer de toutes celles générées automatiquement par vos concurrents.
Connexion native MCP
deckpipe fait tourner un serveur distant sur /mcp pour tout agent compatible MCP, et vous pouvez l'installer en local via npx deckpipe-mcp pour le transport stdio. Claude Code, Cursor et Claude en desktop ou web se connectent par ce chemin. Si votre chaîne d'outils parle déjà MCP, la configuration tient en une ligne, pas en un projet.
Système de design au niveau de la présentation
Une feuille de styles vit sur la présentation et est adoptée par chaque diapositive. Écrivez vos couleurs, échelle typographique et espacements une fois, et toute la présentation les hérite. L'en-tête charge aussi Google Fonts, des scripts CDN et des bibliothèques d'icônes, donc votre agent n'est pas limité aux réglages du système.
Édition en direct et commentaires
Cliquez sur n'importe quel texte d'une diapositive du canevas pour le modifier directement. Les changements structurels passent par des opérations insérer, supprimer, déplacer et remplacer, donc votre agent peut corriger un seul élément sans renvoyer toute la présentation. Les commentaires marchent pareil : vous marquez un élément, votre agent lit le retour, met à jour la présentation et répond.
Captures intégrées et rapports de rendu
preview_slide et get_slide_screenshot renvoient un PNG rendu intégré plus un rapport de rendu couvrant les débordements, les erreurs JS et les chargements de polices. Votre agent voit ce que voient les relecteurs avant de valider, ce qui attrape le bug classique du titre qui déborde du cadre.
Un ensemble d'outils ciblé
La surface MCP reste petite et précise : create_deck, clone_deck, get_deck, update_deck, delete_deck, preview_slide, get_slide_screenshot, upload_image, search_images, list_layouts, list_comments, reply_to_comment et resolve_comment. Une API resserrée est plus facile à bien utiliser pour un agent qu'une API tentaculaire.
Avantages et inconvénients
Avantages
- Contrôle total du design, car les diapositives sont du HTML, du CSS et du JS purs, sans enfermement dans un modèle.
- Natif MCP, donc des agents comme Claude Code et Cursor se connectent avec une configuration minimale.
- Les rapports de rendu et les captures intégrées attrapent les problèmes de mise en page avant que vous partagiez la présentation.
- L'édition en direct et les commentaires gardent les humains dans la boucle sans casser le flux de l'agent.
- Canevas gratuit, sans aucun palier payant qui bloque l'usage de base.
Inconvénients
- Nécessite un agent compatible MCP, ce qui exclut quiconque travaille sans agent dans la boucle.
- Votre agent doit écrire et corriger du HTML et du CSS, donc les agents faibles en code produiront des diapositives faibles.
- Il n'y a ni galerie de modèles ni éditeur glisser-déposer, donc cela ne conviendra pas à qui veut ajuster des diapositives à la main.
- Comme c'est un outil récent, la documentation et les exemples de la communauté restent minces.
Questions fréquentes
C'est un moteur de présentations qui permet aux agents IA de créer, modifier et rendre des présentations sous forme de code. Vous l'utilisez quand vous voulez qu'un agent construise des présentations plutôt que de les assembler à la main dans un outil à modèles.
Contenus associés
Découvrez des outils, des compétences et des articles liés à deckpipe.dev.
Alternatives à deckpipe.dev
Base Code
Base44 (Wix) · Programmation · ProductivitéBase Code est un environnement de développement cloud partagé signé Base44. Votre équipe décrit des modifications sur un dépôt GitHub dans le chat, les vérifie en aperçu et les renvoie sous forme de pull requests.
Knocket
Knocket (Tencent RTC team) · Productivité · Entreprise · ChatbotKnocket est un outil gratuit de chat en direct et de page de contact : vos visiteurs écrivent depuis votre site, votre application ou un lien, et vous répondez depuis Telegram ou une seule boîte de réception.
FloorGen
Vinit Kumar (FloorGen) · Productivité · IA chinoiseFloorGen est un créateur de plans dans le navigateur qui transforme une phrase ou un croquis en plan 2D modifiable et en visite 3D. Export en PDF, DXF ou vidéo, sans compte pour dessiner.