102.7K+Download

Journal

A clean editorial illustration of a fanned stack of presentation slides on a near-white desk, the top slide held in a green selection frame with corner handles, beside a soft matte 3D cursor and pen, with a dot grid and golden spiral

Claude PPT Skills: So erstellst du eine Präsentation mit deinem Coding-Agenten

Das Erstellen von Präsentationen lässt sich jetzt an einen Coding-Agenten übergeben. Dies ist ein ehrlicher Leitfaden zu Claude PPT Skills im Jahr 2026 — was sie sind, welche Open-Source-Varianten sich lohnen (frontend-slides, guizang, dashiAI und mehr), eine Bewertungstabelle, wie man sie tatsächlich einsetzt, und wo ein agent-natives Design-Workspace ins Spiel kommt, wenn ein Skill an seine Grenzen stößt.

10. Juli 2026 · 9 Min. Lesezeit
Alle Produkt Leitfäden Anwendungsfälle Gemeinschaft Tools & Skills
  1. A clean illustration of an image-forward presentation slide held in a green selection frame with a command-line caret, on a near-white dot-grid ground 10. Juli 2026 6 Min. Lesezeit

    codex-ppt-skill: Bildstarke PPT-Decks mit einem Coding-Agent

    codex-ppt-skill ist ein Open-Source-Skill, der deinen Coding-Agent mit GPT-Image-2 verbindet, um bildstarke PowerPoint-Decks zu erstellen – jede Folie ein gestaltetes Bild, keine Aufzählungsliste. Hier erfährst du, was es ist, wann bildzentrierte Folien die richtige Wahl sind, wie du es einsetzt, eine ehrliche Betrachtung der Kompromisse und wo ein Agent-Native Design Workspace übernimmt.
  2. A clean illustration of a presentation slide being edited with drag handles beside a row of theme swatches, the slide held in a green selection frame, on a near-white dot-grid ground 10. Juli 2026 6 Min. Lesezeit

    dashiAI-ppt-skill: Bearbeitbare Präsentationen aus einem Coding-Agent

    Die meisten PPT-Skills für Coding-Agents liefern nur HTML, das sich lediglich per Re-Prompt ändern lässt. dashiAI-ppt-skill ist das eine, das im Browser bearbeitbare Decks exportiert — sodass auch Nicht-Entwickler das Ergebnis noch anpassen können. Hier ist ein ehrlicher Leitfaden: was es ist, seine gut ein Dutzend Themes, wie man es installiert und nutzt, der AGPL-3.0-Haken und wo ein agent-native design workspace übernimmt.
  3. A clean illustration of a coding-agent cursor assembling a web slide from layout blocks, the finished slide held in a green selection frame with corner handles, on a near-white dot-grid ground 10. Juli 2026 6 Min. Lesezeit

    frontend-slides: Web-Präsentationen mit einem Coding-Agent erstellen

    frontend-slides ist das meistgesternte Open-Source-PPT-Skill für Coding-Agents – es baut Foliensätze als klare, moderne Webseiten, die du direkt im Browser präsentierst. Dieser Leitfaden erklärt, was es ist, wie man es installiert und nutzt, worin es wirklich stark ist (und wo seine Grenzen liegen), wie es im Vergleich zu anderen Claude-PPT-Skills abschneidet und wo ein Agent-Native Design Workspace übernimmt, wenn ein einzelnes Skill an seine Grenzen stößt.
  4. A clean illustration of an editorial, Swiss-grid presentation slide held in a green selection frame with a pen tool, on a near-white dot-grid ground 10. Juli 2026 6 Min. Lesezeit

    guizang-ppt-skill: Redaktionelle HTML-Decks mit einem Coding-Agent

    guizang-ppt-skill ist die Coding-Agent-Skill mit 20,8k Sternen, die aus einem Prompt ein wirklich gestaltetes HTML-Deck macht — redaktionelle Magazin-Layouts und Typografie im Swiss-Grid-Stil statt einer weiteren Vorlage. Hier steht, was sie ist, wie man sie einsetzt, die ehrlichen Hinweise (AGPL-3.0-Lizenz, HTML-Ausgabe), wie sie sich gegen die anderen Claude-PPT-Skills schlägt und wo ein Agent-Native Design Workspace übernimmt.
  5. A clean illustration of a Markdown text file turning into a stack of slides, the top slide held in a green selection frame with corner handles, on a near-white dot-grid ground 10. Juli 2026 7 Min. Lesezeit

    Marp: Das Markdown-Präsentationstool (und wie man nach PowerPoint exportiert)

    Marp ist das quelloffene Markdown-Präsentationsökosystem – schreibe Folien in Markdown und exportiere sie dann mit der Marp CLI nach HTML, PDF oder PowerPoint. Dieser Leitfaden behandelt Marp-Themes, das Verfassen in Markdown, den Export nach pptx (als Bilder) mit marp-cli, den Vergleich mit reveal.js und Slidev sowie die Frage, wo ein Agent-Native Design Workspace ansetzt.
  6. A clean illustration of a document turning into an editable slide made of native shape blocks, the slide held in a green selection frame with corner handles, on a near-white dot-grid ground 10. Juli 2026 6 Min. Lesezeit

    ppt-master: Editierbares PowerPoint aus jedem Dokument, gebaut von einem Agenten

    ppt-master ist das Open-Source-Projekt mit 38.000 Sternen, das jedes Dokument in ein echtes, editierbares PowerPoint verwandelt – mit nativen Formen und Animationen statt Folien als Bilder. Hier erfährst du, was es ist, wie der Agent-Workflow funktioniert, eine ehrliche Einordnung seiner Rolle unter den Claude-PPT-Skills und wo ein agent-natives Design-Workspace übernimmt, wenn ein einmaliges Deck nicht genügt.
  7. A clean illustration of an HTML presentation slide in a browser with navigation arrows, held in a green selection frame with corner handles, on a near-white dot-grid ground 10. Juli 2026 7 Min. Lesezeit

    reveal.js: Themes, Export und der Vergleich mit den Alternativen

    reveal.js ist das quelloffene HTML-Präsentationsframework mit 71,9k GitHub-Sternen – du erstellst Folien in HTML oder Markdown und präsentierst sie in jedem Browser. Hier ist ein ehrlicher Leitfaden: wie Themes, Templates und Beispiele funktionieren, wie sich der Export nach PDF und PowerPoint wirklich verhält, wie es im Vergleich zu Slidev und Marp abschneidet und wo ein agent-native Design-Workspace ins Spiel kommt.
  8. A clean illustration of a Markdown document with code becoming a developer presentation slide, the slide held in a green selection frame with corner handles, on a near-white dot-grid ground 10. Juli 2026 7 Min. Lesezeit

    Slidev: Themes, Beispiele und der Export nach PowerPoint

    Slidev ist das quelloffene, entwicklerorientierte Präsentationstool mit 47,6k GitHub-Sternen – du schreibst Folien in Markdown mit eingebetteten Vue-Komponenten und präsentierst sie im Browser. Hier ist ein ehrlicher Leitfaden: wie Themes und Beispiele funktionieren, wie sich der Export nach PDF und PowerPoint wirklich verhält, wie es sich gegen Marp und reveal.js schlägt und wo ein Agent-Native Design Workspace ins Bild passt.
  9. OpenDesign Shanghai AI Workshop cover showing Shanghai landmarks built from code-like line art 2. Juli 2026 3 Min. Lesezeit

    Der OpenDesign AI Workshop kommt nach Shanghai

    Ein praktischer Shanghai-Workshop für Studierende, Entwickler, Designer und AI-Tool-Builder, um Prompts und Referenzen in echte AI-Artefakte zu verwandeln.
  10. A warm editorial illustration of three groups of AI design-agent cards on a desk — creative assets, task helpers, and an agent-native pipeline — with the design-to-code agent card lifted out and held in a green selection frame, beside soft plants and a coffee mug 30. Juni 2026 8 Min. Lesezeit

    Die besten KI-Design-Agenten 2026: Ein ehrlicher, getesteter Leitfaden

    "KI-Design-Agent" bedeutet 2026 drei völlig verschiedene Dinge — eine kreative Cloud-Suite, einen Task-Bot oder einen Agenten, der dein Design in ausgelieferten Code verwandelt. Die meisten Listen werfen alles in einen Topf. Hier ist die ehrliche Landkarte der besten KI-Design-Agenten, wofür jede Kategorie wirklich gedacht ist, und die eine Frage, die dir sagt, welche Art du brauchst.
  11. A warm editorial illustration of a clickable mockup prototype and a running code prototype side by side on a desk, with the code prototype that becomes the shipped product held in a green selection frame, beside soft plants and a coffee mug 30. Juni 2026 9 Min. Lesezeit

    Die besten KI-Prototyping-Tools 2026: Ein ehrlicher, getesteter Leitfaden

    Die besten KI-Prototyping-Tools 2026 unterscheiden sich in genau dem Punkt, den die Listicles auslassen: Ist der Prototyp ein Wegwerfprodukt oder wird er zum Produkt, das du ausspielst? Hier ist die ehrliche Landkarte – Mockup-Prototypen, Code-Prototypen, Planer und agentennative Pipelines – und wie du das auswählst, das zu dem passt, was du als Nächstes vorhast.
  12. A warm editorial illustration of a row of AI design-tool cards on a scorecard, with one card — a plain-text design file you can keep — lifted out and held in a green selection frame, on a near-white paper ground with soft plants and a coffee mug 30. Juni 2026 10 Min. Lesezeit

    Die besten KI-Design-Tools 2026: Ein ehrlicher, getesteter Leitfaden

    Die meisten Listen mit den "besten KI-Design-Tools 2026" küren die hübscheste Demo und überspringen die eine Frage, die deine Wahl wirklich entscheidet: Übersteht das Design den Weg bis zum auslieferbaren Code, der dir gehört? Hier ist die ehrliche Landkarte – eine Bewertungsmatrix über sechs Kategorien, die Tools, die deine Zeit wert sind für UI/UX-, Produkt- und Webdesign, und die Kategorie, die jede andere Liste vergisst.
  13. A warm editorial illustration of a row of AI app-builder cards on a desk, with one card — an open folder of portable files you own — lifted out and held in a green selection frame, beside soft plants and a coffee mug 30. Juni 2026 9 Min. Lesezeit

    Die besten Bolt.new-Alternativen 2026, sortiert nach dem Grund deines Wechsels

    Keine Logo-Parade mit Sternebewertung, sondern eine ehrliche Landkarte der besten Bolt.new-Alternativen – gruppiert danach, warum du Bolt wirklich verlässt: Iterationsstabilität, Lock-in oder Ownership.
  14. A warm editorial illustration of a design mockup flowing through an arrow into clean code, with the connecting design-system file card held in a green selection frame, on a near-white paper desk with soft plants and a coffee mug 30. Juni 2026 9 Min. Lesezeit

    Design-to-Code-Tools 2026: Export oder Pipeline?

    Ein ehrlicher Überblick über Design-to-Code-Tools – vier grundlegend verschiedene Ansätze, wofür jeder taugt und welchen Kompromiss die Marketingseite verschweigt.
  15. A warm editorial illustration of several design-tool windows grouped into camps — an open-source canvas, a native app, an AI generator — with one option, a plain-text design-to-code pipeline, lifted out and held in a green selection frame, on a near-white paper desk with soft plants and a coffee mug 30. Juni 2026 9 Min. Lesezeit

    Die besten Figma-Alternativen 2026 – sortiert nach dem Grund, warum du wechselst

    Kein einzelnes Tool ersetzt Figma vollständig. Hier ist die ehrliche Übersicht der besten Figma-Alternativen, gruppiert danach, welchen Teil von Figma du eigentlich hinter dir lassen willst – Preis, Canvas, Lock-in oder die Lücke zwischen Design und fertigem Code.
  16. A warm editorial illustration of a terminal prompt becoming a polished UI screen on a tablet, with a design-system file card (DESIGN.md) held in a green selection frame connecting the two, beside soft plants and a coffee mug 30. Juni 2026 9 Min. Lesezeit

    Claude Code für Frontend-Design nutzen (Leitfaden 2026)

    Claude Code kann wirklich gutes Frontend-Design liefern – aber nur mit der richtigen Einrichtung und dem richtigen Prompting. Hier ist der praktische Leitfaden: das Plugin frontend-design installieren, mit ästhetischer Richtung statt mit Pixeln prompten, die Design-Dimensionen steuern und aus einem einzelnen Screen ein eigenes, tragfähiges Designsystem machen.
  17. A warm editorial illustration of a row of prompt-to-app tool cards on a desk, with one card — plain files with no usage meter — lifted out and held in a green selection frame, beside soft plants and a coffee mug 30. Juni 2026 9 Min. Lesezeit

    Die besten Lovable-Alternativen 2026: ehrlich verglichen

    Eine ehrliche, nach Wechselgrund sortierte Übersicht der besten Lovable-Alternativen – mit dem Kompromiss, den jede Option im Gegenzug verlangt.
  18. A warm editorial illustration of a row of AI UI-generator cards on a desk, with one card — a UI component lifted into a code repo with no usage meter — held in a green selection frame, beside soft plants and a coffee mug 30. Juni 2026 8 Min. Lesezeit

    Die besten v0-Alternativen 2026: nach dem Grund deines Wechsels sortiert

    v0 ist stark darin, aus einem Prompt sauberen React-Code zu machen – doch Preismodell, fehlende Komplett-App und Ownership treiben viele zum Wechsel. Hier ist die ehrliche Landkarte der Alternativen, gruppiert danach, warum du gehst.
  19. OpenDesign Osaka / Kyoto meetup cover showing Osaka and Kyoto landmarks built from code-like line art 29. Juni 2026 3 Min. Lesezeit

    OpenDesign kommt nach Osaka / Kyoto

    Ein kleines Meetup für Designer, Builder und AI-native Teams, um zu erkunden, wie Agents Design, Prototyping und Produktarbeit verändern.
  20. A hand-drawn pencil wireframe transforming, via an arrow, into a polished design app showing a row of tool cards to choose from, on a warm paper editorial ground 18. Juni 2026 9 Min. Lesezeit

    Vibe Design Tools: Ein ehrlicher Leitfaden, was wirklich funktioniert

    Die Hälfte der Treffer für "vibe design tools" sind in Wahrheit vibe coding tools — und das ist das Nützlichste, was die Suchergebnisse dir verraten. Hier die ehrliche Karte: die eine Frage, die deine Wahl entscheiden sollte, eine Bewertungstabelle über fünf Tool-Kategorien hinweg und die Falle, die dir fast jedes Listicle verkauft.
  21. A single sketched interface splitting into a visual design mockup and a code window, both arrows converging on one shared design-system file card, on a warm paper editorial ground 18. Juni 2026 9 Min. Lesezeit

    Vibe Design vs. Vibe Coding: Wo sie sich trennen und warum es zählt

    Vibe design und vibe coding sind keine Rivalen — sie sind zwei Hälften einer Bewegung, und in der Lücke dazwischen bluten Teams. Hier kommt der echte Unterschied, die beiden Fehlerarten, vor denen dich niemand warnt (die Mockup-Klippe und der Design-Drift), und ein Rahmen dafür, wann du zu welchem greifst.
  22. A handwritten prompt note becoming a rendered mobile app screen, then exported outward through an opening in a low garden wall, on a warm paper editorial ground 18. Juni 2026 8 Min. Lesezeit

    Vibe Design mit Google Stitch: Was es meistert und wo es dich in die Falle lockt

    Google prägte den Begriff „vibe design“ mit Stitch – und Stitch ist wirklich gut. Hier kommt die ehrliche Praxis: was es meistert, der Lock-in, den die Demos dir nicht zeigen, und wann es sich lohnt, die Schleife selbst zu besitzen statt auf Bequemlichkeit zu setzen.
  23. A hand-drawn pencil sketch of a planner app wishing for a calm space transforming, via an arrow, into a polished rendered planner UI, on a warm paper editorial ground 17. Juni 2026 9 Min. Lesezeit

    Was ist Vibe Design? Der Leitfaden 2026 zum Gestalten nach Absicht

    Beschreibe Gefühl und Richtung einer UI und lass die KI sie erzeugen – doch die meisten Tools enden bei einem hübschen Mockup. Hier erfährst du, was Vibe Design wirklich ist, vibe design vs. vibe coding und wie du es vom Prompt bis zum ausgelieferten Code bringst.
  24. A locked canvas window beside an open fanned stack of portable file sheets, in a green selection frame on a near-white editorial ground 26. Mai 2026 7 Min. Lesezeit

    Die Open-Source-Alternative zu Figma

    Figma ist hervorragend und wird nicht verschwinden. Aber das Dateiformat ist proprietär, die Plätze sind ein Abonnement, und die Leinwand lebt in jemand anderes Cloud. Hier ist die ehrliche Einschätzung: wann Figma immer noch die Antwort ist – und wann es sich auszahlt, einen agent-nativen, lokal-zuerst aufgesetzten Workflow zu besitzen.
  25. A wireframe layout skeleton lifting out from beneath a canvas as its own layer, in a green selection frame on a near-white editorial ground 18. Mai 2026 7 Min. Lesezeit

    Die Layout-Ebene, die der Canvas früher verbarg

    Eine Community-Antwort zur 0.8.0-Preview benannte die eigentliche Frage hinter Agent-nativem Design: Wenn der Canvas nicht mehr die Arbeitseinheit ist, wie verstehen Nutzer dann noch das Layout?
  26. A design frame being lifted out of a canvas and packaged into a portable plugin module, in a green selection frame on a near-white editorial ground 18. Mai 2026 8 Min. Lesezeit

    So portierst du einen Figma-Workflow in ein OpenDesign Plugin

    Der 0.8.0-preview-Thread fordert Mitwirkende auf, alte Design-Workflows ein Plugin nach dem anderen zu portieren. Hier ist der konkrete Weg für einen Figma-Export, eine Token-Synchronisierung oder ein Brand-Kit.
  27. A workflow pipeline of connected nodes with a few break marks on the connectors, in a green selection frame on a near-white editorial ground 14. Mai 2026 9 Min. Lesezeit

    BYOK auf dem Prüfstand: 5 Dinge, die in OpenDesign heute brechen

    Wir haben BYOK als erstklassiges Feature versprochen. Fünf offene Bug-Threads aus dieser Woche — Gemini, DeepSeek, OpenCode, Windows — zeigen, wo die Nahtstellen noch rau sind, und was du nutzen solltest, bis der jeweilige Fix einschlägt.
  28. An organized library grid of modular skill and system cards, selected in a green frame on a near-white editorial ground 13. Mai 2026 8 Min. Lesezeit

    31 Skills, 72 Systeme: So funktioniert die OpenDesign Bibliothek

    Ein Rundgang durch die vier Primitive, die OpenDesign komponierbar machen: Skills, Systeme, Adapter und der daemon. Mit konkreten Beispielen, wie aus einer Markdown-Datei ein pixelgenaues Resultat wird.
  29. A single key wired to a row of interchangeable model engines with a provider toggle, in a green selection frame on a near-white editorial ground 13. Mai 2026 8 Min. Lesezeit

    BYOK-Design-Workflow: Claude, Codex oder Qwen mit deinem eigenen Key betreiben

    Die meisten KI-Design-Tools schlagen still und leise eine Marge auf jeden Token auf, den du ausgibst. OpenDesign vertritt die gegenteilige Haltung — bring deinen eigenen Modell-Key mit, zahle direkt beim Anbieter und behalte die volle Kontrolle darüber, wo die Inferenz läuft. So funktioniert die BYOK-Ebene wirklich.
  30. A thin layer sheet wrapping around an existing agent core, in a green selection frame on a near-white editorial ground 13. Mai 2026 8 Min. Lesezeit

    Warum wir OpenDesign als Skill-Schicht gebaut haben, nicht als Produkt

    Die meisten KI-Design-Tools versuchen, den Agenten zu ersetzen, der bereits auf deinem Laptop läuft. OpenDesign setzt auf das Gegenteil: eine dünne Schicht aus Skills, Systemen und Adaptern ausliefern, die jeden Coding-Agenten in eine Design-Engine verwandelt — ohne dich in eine neue App zu sperren.