Welche Arten von Skills sind unter HTML Presentation aufgeführt?

Skills, die einem AI Agent beim Erstellen eines browserbasierten Decks helfen. Sie umfassen Story, Folien, Visuals, Interaktion, Export und Teilen sowie Zugriff.

Wie ist die Liste geordnet?

Die Liste ist nach beobachteter Suchnachfrage geordnet, mit direkten Treffern zuerst und einer Obergrenze pro einzelner Quelle.

Ersetzen diese Skills PowerPoint?

Nein. Ein HTML-Deck ist immer noch eine Präsentation mit Story, Folien und Visuals, aber es bringt die Einschränkungen des Browsers mit sich.

Was sollte ich prüfen, bevor ich einen auswähle?

Ordne den Skill deinem aktuellen Schritt zu: Story, Slides, Visuals, Interaktion, Export und Teilen oder Zugriff. Die Unterthemen entsprechen direkt diesen Phasen.

← Alle Themen durchsuchenErgebnisse

Agent Skills für HTML-Präsentation

HTML-Presentation-Skills helfen einem AI Agent, ein Deck zu produzieren, das im Browser läuft. Sie decken das gesamte Deliverable ab: die Story und das Argument vor jedem Markup, Slides als einzelne Ansichten, auch wenn sie aus DIVs gebaut sind, Typografie und Layout, die auf einem Projektor standhalten, Live-Interaktion für den Sprecher, Export und Teilen, damit jemand anderes die Datei oder URL später öffnen kann, und Zugang über einen Browser, ein PDF und einen Screenreader. Nutze die Rangliste, indem du mit dem Unterthema beginnst, das zu deinem unmittelbaren Engpass passt – Story, Slides, Visuals, Interaction, Export oder Access – und dann den Skill wählst, dessen Beschreibung diesen Schritt adressiert. Ein HTML-Deck ist immer noch eine Präsentation, also wäge Story und Slides vor Browser-Tricks ab.

8 zum Start31 beste Optionen

Hier anfangen.

An HTML deck is still a presentation: story, slides, visuals — with extra constraints of the browser, not PowerPoint.

Dies sind die relevantesten Ergebnisse. Öffne einen Skill, lies die Anleitung und prüfe die Eignung.

Rang 01
Direkt
slides
Erstellt strategische HTML-Präsentationen mit Chart.js, Design-Tokens, responsiven Layouts, Copywriting-Formeln und kontextbezogenen Slide-Strategien.
von nextlevelbuilder/ui-ux-pro-max-skill
- Slides
- Visuals
32.022 · Beliebtheit
Agent Skill ansehen
Rang 02
Direkt
lark-slides
Beachtenswert
飞书幻灯片：创建和编辑幻灯片。创建演示文稿、读取幻灯片内容、管理幻灯片页面（创建、删除、读取、局部替换）。当用户需要创建或编辑幻灯片、读取或修改单个页面时使用。当用户给出 doubao.com 的 /slides/ URL/token 时，也应直接使用本 skill，不要因为域名不是飞书而回退到 WebFetch；路由依据是 URL 路径模式和 token，而不是域名。不负责：云文档内容编辑（走 lark-doc）、云文档里的独立画板对象（走 lark-whiteboard）、上传或下载普通文件（走 lark-drive）。
von larksuite/cli
- Slides
- Export & share
748.180 · Beliebtheit
Agent Skill ansehen
Rang 03
Direkt
slideshow
Erstellt HyperFrames-Slideshows — Präsentationen, Pitch Decks und interaktive Decks mit diskreten Slides, Fragment-Reveals, Verzweigungen, Hotspot-Navigation und Presenter-Modus.
von heygen-com/hyperframes
- Slides
- Export & share
299.839 · Beliebtheit
Agent Skill ansehen
Rang 04
Direkt
slide-dsl
Beachtenswert
Das vollständige Handbuch zur Slide-DSL – die Leinwand und ihr Hintergrund, die zehn Elementtypen Feld für Feld mit Einheiten, Standardwerten und zulässigen Werten, wo jeder Typ seine Wörter behält, welches Feld der Renderer tatsächlich zeichnet, wenn zwei sich widersprechen, was genau mit dem HTML geschieht, das du in `content` einfügst, und das Strukturschema, gegen das ein Schreibvorgang jetzt als EINZIGES geprüft wird. Nichts filtert dein Markup und nichts normalisiert deine Werte, daher ist dieses Handbuch alles, was eine Seite korrekt rendern lässt. Lade es, bevor du ein Feld patchst, das du noch nie gepatcht hast, wenn ein Patch abgelehnt zurückkommt, wenn ein
von THU-MAIC/OpenMAIC
- Slides
- Visuals
Agent Skill ansehen
Rang 05
Direkt
slide-craft
Beachtenswert
Das Designgesetz einer Folienseite — Canvas-Geometrie, die Texthöhentabelle, die Typo-Skala, Kontrastpaare, Abstandsrhythmus und welcher Elementtyp welchen Inhalt trägt. Lade es, wenn Folienelemente einzeln angepasst werden, wenn es bei einem Fix um Farbe oder Kontrast geht, wenn Text in einem Kasten wachsen oder schrumpfen muss, wenn eine Seite überfüllt oder leer wirkt oder wenn Ersatzinhalte eine echte Rich-Text-Struktur brauchen. Es ist der Standard, gegen den `page-clone` und `pro-editing` prüfen, kein eigenes Verfahren — jene beiden entscheiden, welche Seiten angefasst werden und in welcher Reihenfolge, dieses entscheidet, wie eine gute Seite aussieht, wenn
von THU-MAIC/OpenMAIC
- Slides
- Access
Agent Skill ansehen
Rang 06
Direkt
theme-factory
Offiziell
Toolkit zum Stylen von Artefakten mit einem Theme. Diese Artefakte können Slides, Docs, Reportings, HTML-Landingpages usw. sein. Es gibt 10 voreingestellte Themes mit Farben/Schriften, die auf jedes erstellte Artefakt angewendet werden können, oder es kann spontan ein neues Theme generieren.
von anthropics/skills
- Slides
- Visuals
- Access
Agent Skill ansehen
Rang 07
Direkt
answer-me-with-html
Beachtenswert
Verwandelt eine Antwort in eine einseitige visuelle HTML-Erklärung: Das Modell schreibt einen kurzen Markdown-Entwurf, und die mitgelieferte CLI baut eine Seite. Proaktiv und großzügig einsetzen, ohne gefragt zu werden, wann immer eine Seite dem Leser mehr hilft als reiner Text, selbst wenn reiner Text auch funktionieren würde: jede Erklärung, wie etwas funktioniert oder wie Teile zusammenhängen (Ablauf, Request-Pfad, Architektur, Code- oder Ordnerstruktur, Zustandsmaschine, Lebenszyklus, Historie); jeder Vergleich, Trade-off oder jede Entscheidung mit Vor- und Nachteilen; jede Diagnose, Review oder Untersuchung, besonders mit mehreren Ursachen oder Befunden zum Ranken; jede Antwort mit einer Tabelle, einer nummerierten oder gerankten Liste, Schritten, Verzweigungen oder mehreren Abschnitten; oder wenn der Nutzer sagt "I don't get it / draw it / explain visually / 讲讲原理 / 没看懂 / 画个图". Im Zweifel einsetzen: Eine Seite ist schnell und günstig zu erstellen. Auch für Erklärvideos ("make a video", "做个视频") und zum Ändern seiner Einstellungen. Nur bei Small Talk, einer trivialen einzeiligen Antwort oder wenn der Nutzer reinen Text verlangt, überspringen.
von QingYunA/answer-me-with-html
- Visuals
Agent Skill ansehen
Rang 08
Direkt
archify
Erstellt ausgefeilte, validierte Architektur-, Workflow-, Sequenz- und Datenflussdiagramme als erkundbare eigenständige HTML mit Inline-SVG, Themes und Export.
von tt-a1i/archify
- Visuals
- Export & share
140.157 · Beliebtheit
Agent Skill ansehen

23 weitere Agent Skills anzeigen

Rang 09
Direkt
gws-slides
Google-Slides-CLI-Skill zum Lesen und Schreiben von Präsentationen über gws, mit create, get, batchUpdate und Seitenoperationen.
von googleworkspace/cli
40.203 · Beliebtheit
Agent Skill ansehen
Rang 10
Direkt
recipe-create-presentation
Rezept zum Erstellen einer neuen Google Slides Präsentation und Hinzufügen erster Folien, dann Teilen mit einem Team über gws CLI.
von googleworkspace/cli
31.379 · Beliebtheit
Agent Skill ansehen
Rang 11
Möglich
lark-apps
Beachtenswert
妙搭（Spark/Miaoda）应用开发与托管：应用创建、本地全栈开发、云端生成迭代、创意设计（UI mockup / 可交互原型 / 线框图 / 落地页 / 仪表盘 / 幻灯片 deck / 视觉探索）、AI相关能力和飞书平台能力或者其他外部能力集成、日志/Trace/监控指标/PV/UV 查询、环境变量管理、应用协作者与协作权限设置、应用角色与成员管理、自动化触发器（定时/记录变更/Webhook/飞书审批）。当用户要开发/新建一个系统·工具·平台·应用，或要本地开发 / 云端开发 / 修改 / 部署 / 发布 / 上线 / 拿可分享链接，或用 HTML 做页面·网站·部署到妙搭，或要设计 / design / mockup / prototype / wireframe / 做 PPT / deck / 视觉探索，或提到妙搭/Spark/Miaoda（应用运行时域名形如 *.aiforce.cloud）、应用数据库、应用文件存储、开放 API Key、可见范围、应用协作者/开发权限、应用角色/角色成员、线上日志、接口请求量、错误量、延迟、访问量、环境变量、给妙搭应用配自动化任务/定时触发/审批通过后自动触发时使用。不负责普通云盘文件上传（lark-drive）、飞书文档编辑（lark-doc）、原生幻灯片创建（lark-slides）。
von larksuite/cli
- Slides
659.164 · Beliebtheit
Agent Skill ansehen
Rang 12
Möglich
pptx
Offiziell
Verwende diesen Skill jederzeit, wenn eine .pptx- oder .potx-Datei in irgendeiner Weise beteiligt ist — als Eingabe, Ausgabe oder beides. Dazu gehören: Erstellen von Slide-Decks, Pitch-Decks oder Präsentationen; Lesen, Parsen oder Extrahieren von Text aus einer .pptx- oder .potx-Datei (auch wenn der extrahierte Inhalt woanders verwendet wird, etwa in einer E-Mail oder Zusammenfassung); Bearbeiten, Ändern oder Aktualisieren bestehender Präsentationen; Kombinieren oder Aufteilen von Slide-Dateien; Arbeiten mit Vorlagen (.potx), Layouts, Sprechernotizen oder Kommentaren. Auslösen, wann immer der Nutzer \"deck,\" \"slides,\" \"presentation,\" erwähnt oder einen .pptx- oder .potx-Dateinamen referenziert, unabhängig davon, was er danach mit dem Inhalt vorhat. Wenn eine .pptx- oder .potx-Datei geöffnet, erstellt oder angefasst werden muss, verwende diesen Skill.
von anthropics/skills
- Slides
- Visuals
Agent Skill ansehen
Rang 13
Möglich
frontend-design
Offiziell
Leitfaden für unverwechselbares, bewusstes visuelles Design beim Aufbau neuer oder Umgestaltung bestehender UI. Hilft bei ästhetischer Ausrichtung, Typografie und Entscheidungen, die nicht wie vorgefertigte Standards wirken.
von anthropics/skills
- Slides
- Visuals
765.703 · Beliebtheit
Agent Skill ansehen
Rang 14
Möglich
design
Umfassende Design-Skill zu Markenidentität, Design-Tokens, UI-Styling, Logo-Generierung, CIP-Mockups, HTML-Präsentationen mit Chart.js, Bannern und Icons.
von nextlevelbuilder/ui-ux-pro-max-skill
33.989 · Beliebtheit
Agent Skill ansehen
Rang 15
Möglich
imagegen
Offiziell
Rasterbilder generieren oder bearbeiten, wenn die Aufgabe von KI-erzeugten Bitmap-Visuals profitiert, etwa Fotos, Illustrationen, Texturen, Sprites, Mockups oder Freistellern mit transparentem Hintergrund. Verwenden, wenn Codex ein brandneues Bild erstellen, ein vorhandenes Bild transformieren oder visuelle Varianten aus Referenzen ableiten soll und die Ausgabe ein Bitmap-Asset statt repo-nativer Code oder Vektor sein soll. Nicht verwenden, wenn die Aufgabe besser durch Bearbeiten vorhandener SVG-/Vektor-/code-nativer Assets, Erweitern eines etablierten Icon- oder Logo-Systems oder direktes Erstellen des Visuals in HTML/CSS/canvas erledigt wird.
von openai/skills
Agent Skill ansehen
Rang 16
Möglich
canvas-design
Offiziell
Erstelle schöne visuelle Kunst in .png- und .pdf-Dokumenten mithilfe von Designphilosophie. Du solltest diesen Skill verwenden, wenn der Nutzer darum bittet, ein Poster, ein Kunstwerk, ein Design oder ein anderes statisches Werk zu erstellen. Erstelle originelle visuelle Designs und kopiere niemals die Arbeit bestehender Künstler, um Urheberrechtsverletzungen zu vermeiden.
von anthropics/skills
- Visuals
Agent Skill ansehen
Rang 17
Möglich
brand-guidelines
Offiziell
Wendet Anthropics offizielle Markenfarben und Typografie auf jede Art von Artefakt an, das von einem Anthropic-Look-and-Feel profitieren könnte. Verwenden, wenn Markenfarben oder Styleguides, visuelle Formatierung oder Unternehmensdesignstandards zutreffen.
von anthropics/skills
- Visuals
- Interaction
Agent Skill ansehen
Rang 18
Möglich
playwright-interactive
Offiziell
Persistente Browser- und Electron-Interaktion über `js_repl` für schnelles iteratives UI-Debugging.
von openai/skills
Agent Skill ansehen
Rang 19
Möglich
hyperframes-registry
Sucht, installiert und verdrahtet Registry-Blöcke und -Komponenten (Diagramme, Effekte, Übergänge) in HyperFrames-HTML-Kompositionen.
von heygen-com/hyperframes
751.896 · Beliebtheit
Agent Skill ansehen
Rang 20
Möglich
hyperframes-creative
Nicht-animierte Creative Direction für HyperFrames-Videos mit Design-Specs, Paletten, Typografie, Narration, Beat-Planung und Kompositionsmustern.
von heygen-com/hyperframes
- Slides
- Visuals
682.929 · Beliebtheit
Agent Skill ansehen
Rang 21
Möglich
media-use
Löst, generiert und bearbeitet Medien (BGM, SFX, Bilder, Icons, Logos, Stimme, Farbkorrekturen) für HyperFrames-Projekte über ein einziges resolve-Verb.
von heygen-com/hyperframes
- Slides
- Access
746.494 · Beliebtheit
Agent Skill ansehen
Rang 22
Möglich
ai-image-generation
Generiert KI-Bilder mit über 50 Modellen (GPT-Image-2, FLUX, Gemini, Seedream) über die inference.sh CLI für Kunst, Mockups und Marketing-Visuals.
von 101-skills/superpowers
696.871 · Beliebtheit
Agent Skill ansehen
Rang 23
Möglich
high-end-visual-design
Vermittelt High-End-Webdesign im Agentur-Stil mit konkreten Fonts, Abständen, Schatten, Kartenstrukturen und Animationen und blockiert generische KI-Defaults.
von leonxlnx/taste-skill
- Visuals
- Access
420.662 · Beliebtheit
Agent Skill ansehen
Rang 24
Möglich
image-to-code
Bildorientierter Design-to-Code-Skill für Websites, der Designbilder generiert, sie analysiert und dann passendes Frontend für Landingpages und Marketingseiten implementiert.
von leonxlnx/taste-skill
- Visuals
350.805 · Beliebtheit
Agent Skill ansehen
Rang 25
Möglich
impeccable
Frontend-Interface-Design-Skill für Redesign, Kritik, Feinschliff, Typografie, Layout, Farbe, Motion und Design-Systeme für Web-UI.
von pbakaus/impeccable
- Visuals
Voraussetzungen (angegeben): Node.js
319.215 · Beliebtheit
Agent Skill ansehen
Rang 26
Möglich
brandkit
Erzeugt hochwertige Brand-Kit-Bilder, darunter Brand-Guidelines-Boards, Logo-Systeme, Identity-Decks und Visual-World-Präsentationen.
von leonxlnx/taste-skill
- Slides
- Visuals
- Interaction
353.383 · Beliebtheit
Agent Skill ansehen
Rang 27
Möglich
copywriting
Schreibt und verbessert Marketingtexte für Seiten, Headlines, CTAs und Value Propositions, fokussiert auf Klarheit, Nutzen und Conversion.
von coreyhaines31/marketingskills
218.410 · Beliebtheit
Agent Skill ansehen
Rang 28
Möglich
prototype
Erstellt mehrere wirklich unterschiedliche Versionen eines beschriebenen UI-Elements hinter einem visuellen Picker zum Live-Vergleich und zur Auswahl eines Gewinners.
von emilkowalski/skills
- Visuals
133.671 · Beliebtheit
Agent Skill ansehen
Rang 29
Möglich
copy-editing
Bearbeitet und verbessert bestehende Marketingtexte durch sieben gezielte Durchgänge zu Klarheit, Tonalität, Nutzen und Belegen.
von coreyhaines31/marketingskills
138.021 · Beliebtheit
Agent Skill ansehen
Rang 30
Möglich
vercel-cli-with-tokens
Offiziell
Projekte auf Vercel mit tokenbasierter Authentifizierung bereitstellen und verwalten. Verwenden, wenn mit der Vercel CLI über Access Tokens statt interaktivem Login gearbeitet wird — z. B. "deploy to vercel", "set up vercel", "add environment variables to vercel".
von vercel-labs/agent-skills
- Export & share
Agent Skill ansehen
Rang 31
Möglich
ui-taste
UI-Design-Playbooks zum Erstellen, Verfeinern und Reviewen von Web- und iOS-Oberflächen mit Anti-Slop-Workflows und optionalen Referenzen auf echte Produkte.
von uizze.sh
- Visuals
- Export & share
452.376 · Beliebtheit
Agent Skill ansehen

Was dieses Thema umfasst

Jedes Unterthema bündelt Agent Skills für eine bestimmte Situation.

Story: The argument, before markup.
Slides: Each view is a slide, even if it is a DIV.
Visuals: Type and layout that survive a projector.
Interaction: How the speaker moves through the deck live.
Export & share: A file or URL someone else can open later.
Access: Readable in a browser, a PDF, and a screen reader.

Häufige Fragen

Welche Arten von Skills sind unter HTML Presentation aufgeführt?: Skills, die einem AI Agent beim Erstellen eines browserbasierten Decks helfen. Sie umfassen Story, Folien, Visuals, Interaktion, Export und Teilen sowie Zugriff.
Wie ist die Liste geordnet?: Die Liste ist nach beobachteter Suchnachfrage geordnet, mit direkten Treffern zuerst und einer Obergrenze pro einzelner Quelle.
Ersetzen diese Skills PowerPoint?: Nein. Ein HTML-Deck ist immer noch eine Präsentation mit Story, Folien und Visuals, aber es bringt die Einschränkungen des Browsers mit sich.
Was sollte ich prüfen, bevor ich einen auswähle?: Ordne den Skill deinem aktuellen Schritt zu: Story, Slides, Visuals, Interaktion, Export und Teilen oder Zugriff. Die Unterthemen entsprechen direkt diesen Phasen.

Agent Skill installieren

Agent Skills sind SKILL.md-Dateien. Die meisten Agenten erkennen sie, sobald sie im richtigen Skills-Verzeichnis liegen:

Claude Code — copy the SKILL.md for slides into ~/.claude/skills/slides/ for yourself, or .claude/skills/slides/ to share it with a project.
From the registry — run npx skills add nextlevelbuilder/ui-ux-pro-max-skill@slides.
Or download slides from its source and place that SKILL.md in the directory above.

Wie auswählen Prüfe Quelle und Anleitung des Skills vor der Installation. Die Labels Official und Notable beschreiben die Herkunft eines Skills.

Agent Skills für HTML-Präsentation

slides

lark-slides

slideshow

slide-dsl

slide-craft

theme-factory

answer-me-with-html

archify

gws-slides

recipe-create-presentation

lark-apps

pptx

frontend-design

design

imagegen

canvas-design

brand-guidelines

playwright-interactive

hyperframes-registry

hyperframes-creative

media-use

ai-image-generation

high-end-visual-design

image-to-code

impeccable

brandkit

copywriting

prototype

copy-editing

vercel-cli-with-tokens

ui-taste