deckpipe.dev
deckpipe · Produktivität
deckpipe.dev ist ein Präsentationsmotor, der für Agenten gebaut wurde. Er lässt KI-Agenten Präsentationen erstellen, bearbeiten und rendern, ohne je eine Vorlage anzufassen. Jede Folie ist HTML, CSS und JS in einem isolierten Shadow Root mit 1920×1080, und das Ganze läuft über einen MCP-Server für Claude, Cursor und Claude Code. Sie wollen einen KI-Folien-Generator, der Ihrem Agenten die volle Designkontrolle gibt, statt ihn in feste Layouts zu sperren? Genau diese Lücke füllt deckpipe, und es zielt direkt auf Arbeitsabläufe, in denen der Agent und nicht ein Mensch baut.
Über deckpipe.dev
Was ist deckpipe.dev
deckpipe.dev ist eine Rendering-Engine für KI-Agenten. Statt Kästchen über eine Leinwand zu ziehen, schreibt Ihr Agent jede Folie als Code. Danach isoliert deckpipe das Ergebnis, legt das Theme darüber und hostet es. Das Versprechen ist einfach: keine Vorlagen, keine Layouts, keine Grenzen.
Es löst ein sehr konkretes Problem. Die meisten Präsentationstools lassen den Agenten mit vorgegebenen Formaten festsitzen, sodass jede KI-Präsentation gleich aussieht. Als Präsentationstool für KI-Agenten gibt deckpipe die Designkontrolle an den Agenten zurück. Ein Stylesheet auf Präsentationsebene fließt in jede Folie, also schreiben Sie Ihr Designsystem einmal und nutzen es wieder.
Der Preis dafür ist real. Weil Folien Code sind, erwartet deckpipe einen Agenten, der HTML und CSS schreiben und patchen kann. Wer ohne Agent arbeitet, holt nicht viel heraus. Nicht im Entferntesten. Außerdem ist es um den MCP-Ablauf herum gebaut, weshalb die gewöhnliche manuelle Bearbeitung nicht der Hauptweg ist.
Erste Schritte
- Verbinden Sie den MCP-Server. Richten Sie Ihren Agenten auf den entfernten Server unter https://deckpipe.dev/mcp, oder installieren Sie lokal mit npx deckpipe-mcp für den stdio-Transport.
- Laden Sie die Skill deckpipe-design, damit Ihr Agent die Dichteregeln, das Layout-Sicherheitsmuster und den Überlauf-Durchlauf kennt.
- Bitten Sie Ihren Agenten, eine Präsentation zu erstellen. Er ruft create_deck auf und schreibt jede Folie als HTML, CSS und JS.
- Sehen Sie sich die Folien in der Vorschau an. preview_slide und get_slide_screenshot liefern ein gerendertes PNG plus einen Rendering-Bericht mit Überläufen, JS-Fehlern und Schriftladungen.
- Bearbeiten Sie direkt. Klicken Sie auf einen beliebigen Text in einer Leinwand-Folie, um ihn zu ändern, oder hinterlassen Sie Kommentare, die Ihr Agent liest, aktualisiert und beantwortet.
Produktinformationen
Ein kurzer Überblick über Preise, unterstützte Plattformen und die Leistung von deckpipe.dev.
Am besten für
Die Nutzer, Aufgaben und Szenarien, für die dieses Tool am besten passt.
Nutzer
- Ersteller von KI-Agenten
- Designer, die programmieren
- Gründer und Produktteams
Aufgaben
- Eine komplette Präsentation aus einem Prompt erzeugen
- Ein einzelnes Element bearbeiten, ohne alles neu zu rendern
- Ein einheitliches Aussehen über viele Folien halten
Szenarien
- Ein Pitch Deck am Abend vor einem Termin durchgehen
- Einem Agenten eine gute Foliendichte beibringen
- Wiederkehrende Berichte automatisieren
Wichtigste Funktionen
Code-Leinwand statt Vorlagen
Jede Folie ist HTML, CSS und JS in einem isolierten Shadow Root mit 1920×1080. Ihr Agent entwirft pixelgenaue Layouts, ohne gegen die festen Plätze einer Vorlage anzukämpfen, und die Obergrenze dessen, wie eine Folie aussehen kann, wird zur Fähigkeit des Agenten statt zur Layout-Bibliothek des Tools, was viel ausmacht, wenn Sie eine Markenpräsentation bauen, die sich von jeder automatisch erzeugten abheben muss, die Ihre Wettbewerber ausliefern.
Native MCP-Verbindung
deckpipe betreibt einen entfernten Server unter /mcp für jeden MCP-fähigen Agenten, und Sie können ihn lokal über npx deckpipe-mcp für den stdio-Transport installieren. Claude Code, Cursor und Claude Desktop oder Web verbinden sich über diesen Weg. Wenn Ihre Toolchain bereits MCP spricht, ist das Setup eine Konfigurationszeile, kein Projekt.
Designsystem auf Präsentationsebene
Ein Stylesheet liegt auf der Präsentation und wird von jeder Folie übernommen. Schreiben Sie Ihre Farben, Typo-Skala und Abstände einmal, und die ganze Präsentation erbt sie. Der Head lädt außerdem Google Fonts, CDN-Skripte und Icon-Bibliotheken, also ist Ihr Agent nicht auf Systemvorgaben beschränkt.
Live-Bearbeitung und Kommentare
Klicken Sie auf einen beliebigen Text in einer Leinwand-Folie, um ihn direkt zu bearbeiten. Strukturelle Änderungen laufen über Einfügen, Löschen, Verschieben und Ersetzen, also kann Ihr Agent ein einzelnes Element patchen, ohne die ganze Präsentation neu zu senden. Kommentare funktionieren genauso: Sie markieren ein Element, Ihr Agent liest das Feedback, aktualisiert die Präsentation und antwortet.
Integrierte Screenshots und Rendering-Berichte
preview_slide und get_slide_screenshot liefern ein gerendertes PNG direkt plus einen Rendering-Bericht zu Überläufen, JS-Fehlern und Schriftladungen. Ihr Agent sieht, was Prüfer sehen, bevor er etwas festschreibt, was den klassischen Fehler einer Überschrift abfängt, die aus dem Rahmen läuft.
Ein fokussiertes Tool-Set
Die MCP-Oberfläche bleibt klein und auf den Punkt: 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 und resolve_comment. Eine knappe API ist für einen Agenten leichter gut zu nutzen als eine ausufernde.
Vor- und Nachteile
Vorteile
- Volle Designkontrolle, weil die Folien reines HTML, CSS und JS sind, ohne Vorlagenbindung.
- Native MCP, also verbinden sich Agenten wie Claude Code und Cursor mit minimalem Setup.
- Rendering-Berichte und integrierte Screenshots fangen Layoutprobleme ab, bevor Sie die Präsentation teilen.
- Live-Bearbeitung und Kommentare halten Menschen im Kreislauf, ohne den Ablauf des Agenten zu stören.
- Kostenlose Leinwand, ohne Bezahlstufe, die die Basisdnutzung blockiert.
Nachteile
- Erfordert einen MCP-fähigen Agenten, was jeden ausschließt, der ohne Agenten arbeitet.
- Ihr Agent muss HTML und CSS schreiben und patchen, also liefern code-schwache Agenten schwache Folien.
- Es gibt keine Vorlagengalerie und keinen Drag-and-drop-Editor, also passt es nicht zu Leuten, die Folien von Hand anpassen wollen.
- Als neueres Tool sind die Dokumentation und Community-Beispiele noch dünn.
Häufige Fragen
Es ist ein Präsentationsmotor, mit dem KI-Agenten Präsentationen als Code erstellen, bearbeiten und rendern. Sie nutzen es, wenn ein Agent Präsentationen bauen soll, statt sie in einem Vorlagentool von Hand zusammenzusetzen.
Ähnliche Inhalte
Entdecke passende Tools, Skills und Artikel zu deckpipe.dev.
Alternativen zu deckpipe.dev
Base Code
Base44 (Wix) · Coding · ProduktivitätBase Code ist eine geteilte Cloud-Entwicklungsumgebung von Base44. Das Team beschreibt Änderungen an einem bestehenden GitHub-Repository im Chat, prüft sie in der Vorschau und reicht sie als Pull Request ein.
Knocket
Knocket (Tencent RTC team) · Produktivität · Business · ChatbotKnocket ist ein kostenloses Werkzeug für Live-Chat und Kontaktseite: Besucher schreiben über Ihre Website, Ihre App oder einen Link, und Sie antworten aus Telegram oder einem einzigen Posteingang.
FloorGen
Vinit Kumar (FloorGen) · Produktivität · KI aus ChinaFloorGen ist ein Grundriss-Ersteller im Browser, der aus einem Satz oder einer Skizze einen bearbeitbaren 2D-Plan und einen 3D-Rundgang macht. Export als PDF, DXF oder Video, Zeichnen ohne Konto.