presentation-agent

Convert Markdown documents to presentation slides (PDF/PPTX/HTML) using Marp. Supports Mermaid diagrams (gantt, flowchart, etc.) and data graphs. Use when a user asks to create slides, presentations, or decks from Markdown files or text content.

Safety Notice

This listing is from the official public ClawHub registry. Review SKILL.md and referenced scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "presentation-agent" with this command: npx skills add mtdnot/presentation-agent

Presentation Agent

Convert Markdown to slides via Marp CLI with Mermaid diagram support.

Quick Start

bash scripts/md2slide.sh <input.md> [pdf|pptx|html] [output_dir]

Markdown Format

Use standard Marp syntax. --- separates slides. Add frontmatter:

---
marp: true
theme: default
paginate: true
---
# Title Slide
---
## Content Slide
- Point 1
- Point 2

Mermaid Diagrams

Include mermaid code blocks directly. They are auto-rendered to PNG and embedded:

```mermaid
gantt
    title Schedule
    dateFormat YYYY-MM-DD
    section Phase1
    Task A :a1, 2026-01-01, 14d
```

Supported: gantt, flowchart, sequence, pie, class, state, er diagrams.

Data Graphs

For matplotlib/plotly graphs, generate PNG first via exec, then embed as ![](path.png) in the Markdown.

Workflow

  1. Receive Markdown content (or generate from user's data/request)
  2. Ensure marp: true is in frontmatter
  3. Run bash scripts/md2slide.sh input.md pdf ./output
  4. Deliver the output file to the user

デザインルール(必須)

以下はオーナーからの指示に基づく。全プレゼンで必ず守ること。

フォント

  • 明朝体を使う(IPAex明朝等)。ゴシック体はデフォルトで使わない。
  • Google Fontsなどのリモートフォントはmarp PDF変換時に読み込めない。ローカルにインストール済みのフォントのみ使用すること。
  • フォントサイズは十分に大きくする(本文30px以上、h1は50px以上、h2は40px以上)。

絵文字

  • スライド内で絵文字を使わない。 タイトル・見出し・本文すべて。

ロゴ

  • theme/logo.jpg を全スライド右上に表示する(frexida.cssのsection::before)。
  • ロゴサイズは120px以上にする。小さすぎると見えない。
  • PDF変換時にロゴが読み込まれるよう、CSSのbackground-image: url()には絶対パスを使うこと。

テーマ

  • theme/frexida.css を基本テーマとして使う(ネイビー+ゴールド)。
  • PDF変換時は --theme オプションでCSSを指定し、--allow-local-files を付ける。
  • frexida.cssのfont-familyをローカル明朝体に差し替えたCSS(絶対パス版)を /tmp/ に生成して使う。

データの可視化

  • 具体的な日付・金額・数値がある場合はできる限り図で可視化する
  • Mermaidのガントチャート、フローチャート、円グラフ、遷移図などを積極的に使う。
  • テーブルだけで済ませず、視覚的にわかるようにすること。

Mermaidプリプロセス

  • Mermaidブロックを含むMarkdownは、必ず scripts/mermaid_preprocess.py でPNGに変換してからmarpに渡す。
  • 出力先ディレクトリは事前に mkdir -p すること(スクリプト内で作成されない)。

md2slide.sh使用時の注意

  • stdinを読もうとしてハングするため、直接marpコマンドを --no-stdin 付きで実行するか、< /dev/null を付けること。

Dependencies

  • @marp-team/marp-cli (npm global)
  • @mermaid-js/mermaid-cli (npm global)
  • Both already installed on this host.

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

Music Creator

AI 音乐创作全流程技能。根据主题和风格创作歌词,通过 MiniMax AI 生成音乐和封面图,ASR 精准对齐歌词时序,生成带歌词同步的播放页面并部署。触发词:创作歌曲、写首歌、生成音乐、AI 音乐、music creator、帮我写首歌、创作音乐、做个音乐。

Registry SourceRecently Updated
General

睡眠质量分析技能

Identifies sleep stages including falling asleep, light sleep, deep sleep, and REM; monitors body movement, nighttime awakenings, and sleep apnea, suitable f...

Registry SourceRecently Updated
General

Report Expert

生成 HTML 报告页面并部署到 Cloudflare Pages 站点。涵盖设计系统、页面结构、索引管理、iframe 内嵌查看、自动部署全流程。触发词:写报告、发布报告、部署报告、生成报告页面、report publisher、报告专家、升级报告专家、更新报告技能、发布技能升级。

Registry SourceRecently Updated
General

AANA Private Data Guardrail Skill

Ensures private data is used only when necessary, authorized, minimized, and safe for tasks involving sensitive account, billing, health, legal, or personal...

Registry SourceRecently Updated