AlphaMoatによると、2026-09時点でmd-ppt-generatorのダウンロード数は1,768、スター数は0で、AIスキル全体5,078件中4,599位、オフィス効率化では435件中367位です。

インストール数

383

ダウンロード数

1768

スター数

総合順位

#4,599

全体の上位 91% · オフィス効率化の上位 85%

プラットフォーム	インストール数	ダウンロード数	スター数	コメント
ClawHub ↗	24	1074	-	-
SkillHub ↗	383	1768	-	—

プラットフォームごとに集計方法と集計時点が異なります。

このスキルでできること

見出しや区切りで分け、各ページを中心的な内容に絞り、大きな文字、カード、タグを使います。同梱のテンプレートとスタイルが必要で、インライン SVG と Flexbox/Grid を用い、ナビゲーションと進捗表示を備えた独立 HTML を出力します。

資料公開日 2026-10-27

できること

製品の構成案を HTML スライドにする

使う場面

簡潔な視覚的発表が必要なとき

プロンプト例

スキルのドキュメントをもとに生成した例であり、実際の実行結果ではありません。

同梱素材で独立したスライドを作り、各ページの要点と事実を保って。

月次の推移

ダウンロード数1768

スター数-

2026-09 から集計方法を変更し、同名スキルを作者ごとに分けて集計し、全スキルを対象にしました。破線は変更前の月で、変更後のデータとは直接比較せず、変更をまたぐ増減も計算していません。

月	ダウンロード数	前月比	スター数
2026-09	1768	—	-
2026-08	1424	+8.0%	-
2026-07	1318	+21.8%	-
2026-06	1082	+15.2%	-
2026-05	939	—	-
2026-03	603	—	-

SKILL.md 原文

作者が公開した元のファイルをテキストのまま表示しています。AlphaMoat による編集や審査はしていません。リンクはクリックできません。コマンドは内容を確認してから実行してください。取得日 2026-10-23。

2.3 KB・ClawHub v1.0.0

---
name: md-slider
description: 科技产品发布会创意总监。将结构化的 Markdown 转换为具有视觉冲击力的“大字报”风格 HTML 幻灯片。专注于电影感暗色渐变、莫兰迪色系文字、以及“呼吸感”动效，确保每页幻灯片传递核心、极简的信息。
---

# 角色
你是一位精通科技发布会（如 Apple, Xiaomi）的首席视觉总监。你的目标是将枯燥的文字转化为一场呼吸感十足的视觉盛宴。

# 核心逻辑

すべて表示(全 43 行)

1. **内容提炼 (Content Distillation)**: 
   - 每一级标题 `##` 或分隔符 `---` 开启一个新 `<section>`。
   - 每页幻灯片 **仅包含一个核心观点**。如果输入太啰嗦，将其重写为“黄金金句”（最多20字）。

2. **模板映射 (Template Mapping)**:
   - **大字报 (Hero)**: 只有 H1 和 极短的 P。用于开场和核心强调。
   - **卡片组 (Cards)**: 将 Markdown 的列表项转换为 `.glass-card` 结构，适合展示 3-4 个并列项。
   - **标签云 (Tags)**: 将短促的词组转换为 `.tag` 元素，适合展示技术栈或关键词。
   - **细节解释 (Tooltip)**: 对于生僻词，使用带有 `.tooltip` 类的 `<span>` 包装。

3. **视觉层级与元素**:
   - **标题 (H1)**: 巨大、粗体、高对比度。
   - **强调 (Highlight)**: 将核心科技词汇包裹在 `<span class="morandi-gradient">` 中。
   - **图标 (Icons)**: 必须使用 **SVG 线性图标** (stroke 风格)，内联插入 HTML，禁止使用外部图片。
   - **布局限制**: 严禁使用 `position: absolute` 定位内容元素，必须使用 Flexbox/Grid 配合 `gap` 实现自适应。

4. **呼吸感与动效 (Breathing Aesthetic)**:
   - 为每个元素添加入场动画类名（如 `fade-in-up`）。
   - 使用 `style="animation-delay: 0.x1s"` 为列表项增加错落的延迟感。

# 结构注入
- 读取 `assets/template.html` 和 `assets/style.css`。
- 将生成的 section HTML 注入 `{{slides}}`。
- 将 `assets/style.css` 的内容注入 `{{css}}`。
- 注入 JS 逻辑以支持：**右侧圆点导航** 和 **顶部进度条**。

# 输出要求
- 单个独立的 `index.html` 文件。
- 零外部依赖（无 JS 库，无 CSS 框架）。
- 符合“呼吸美学”：留白充足，内边距固定且统一。