md-slider

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

3,891 stars

Best use case

md-slider is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

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

Teams using md-slider should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/md-ppt-generator/SKILL.md --create-dirs "https://raw.githubusercontent.com/openclaw/skills/main/skills/anderson-lu/md-ppt-generator/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/md-ppt-generator/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How md-slider Compares

Feature / Agentmd-sliderStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

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

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

Related Guides

SKILL.md Source

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

# 核心逻辑

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 框架)。
- 符合“呼吸美学”:留白充足,内边距固定且统一。

Related Skills

---

3891
from openclaw/skills

name: article-factory-wechat

Content & Documentation

humanizer

3891
from openclaw/skills

Remove signs of AI-generated writing from text. Use when editing or reviewing text to make it sound more natural and human-written. Based on Wikipedia's comprehensive "Signs of AI writing" guide. Detects and fixes patterns including: inflated symbolism, promotional language, superficial -ing analyses, vague attributions, em dash overuse, rule of three, AI vocabulary words, negative parallelisms, and excessive conjunctive phrases.

Content & Documentation

find-skills

3891
from openclaw/skills

Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.

General Utilities

tavily-search

3891
from openclaw/skills

Use Tavily API for real-time web search and content extraction. Use when: user needs real-time web search results, research, or current information from the web. Requires Tavily API key.

Data & Research

baidu-search

3891
from openclaw/skills

Search the web using Baidu AI Search Engine (BDSE). Use for live information, documentation, or research topics.

Data & Research

agent-autonomy-kit

3891
from openclaw/skills

Stop waiting for prompts. Keep working.

Workflow & Productivity

Meeting Prep

3891
from openclaw/skills

Never walk into a meeting unprepared again. Your agent researches all attendees before calendar events—pulling LinkedIn profiles, recent company news, mutual connections, and conversation starters. Generates a briefing doc with talking points, icebreakers, and context so you show up informed and confident. Triggered automatically before meetings or on-demand. Configure research depth, advance timing, and output format. Walking into meetings blind is amateur hour—missed connections, generic small talk, zero leverage. Use when setting up meeting intelligence, researching specific attendees, generating pre-meeting briefs, or automating your prep workflow.

Workflow & Productivity

self-improvement

3891
from openclaw/skills

Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.

Agent Intelligence & Learning

botlearn-healthcheck

3891
from openclaw/skills

botlearn-healthcheck — BotLearn autonomous health inspector for OpenClaw instances across 5 domains (hardware, config, security, skills, autonomy); triggers on system check, health report, diagnostics, or scheduled heartbeat inspection.

DevOps & Infrastructure

linkedin-cli

3891
from openclaw/skills

A bird-like LinkedIn CLI for searching profiles, checking messages, and summarizing your feed using session cookies.

Content & Documentation

notebooklm

3891
from openclaw/skills

Google NotebookLM 非官方 Python API 的 OpenClaw Skill。支持内容生成(播客、视频、幻灯片、测验、思维导图等)、文档管理和研究自动化。当用户需要使用 NotebookLM 生成音频概述、视频、学习材料或管理知识库时触发。

Data & Research

小红书长图文发布 Skill

3891
from openclaw/skills

## 概述

Content & Documentation