md-slider for Openclaw

An AI-powered presentation engine that converts structured Markdown into visually stunning, tech-launch style HTML slide decks.

anderson-lu
v1.0.0
Mar 11, 2026
0
1.1k
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install md-ppt-generator

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install md-ppt-generator using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).

Prefer to download?

Get the raw skill files in a ZIP archive.

What is md-slider?

md-slider is a sophisticated visual director designed to transform dry Markdown text into breathable, high-impact HTML presentations. Inspired by the minimalist aesthetic of major tech events like Apple and Xiaomi launches, this skill focuses on cinematic dark gradients, Morandi color palettes, and a breathing animation style. By utilizing Openclaw Skills, developers can generate professional-grade presentations that emphasize core messages through bold typography and glass-morphism UI elements, all within a zero-dependency standalone file.

md-slider Use Cases

  • Creating high-stakes tech product launch presentations from simple Markdown notes.
  • Turning technical project roadmaps into visually engaging slides for stakeholders.
  • Generating sleek, dark-themed pitch decks for internal team reviews.
  • Visualizing technical stacks and key features using hero-style typography and tag clouds.

How md-slider Works

  1. The skill parses Markdown files, treating every H2 header or horizontal rule as a trigger for a new slide section.
  2. It distills complex paragraphs into golden sentences of 20 words or less to maintain a high-impact visual hierarchy.
  3. Content is automatically mapped to specific UI templates, such as Hero headers, glass-morphism cards, or tag clouds based on the structure.
  4. It embeds inline SVG icons and Morandi-themed gradients to ensure the presentation is visually rich without external assets.
  5. The engine injects CSS and JavaScript for breathing animations and navigation progress bars into a final index.html file.

md-slider Setup

To get started with this skill, ensure your local environment has the necessary template assets ready. You can trigger the generation process through your AI coding agent by providing the Markdown source.

# Structure your assets directory
mkdir assets
# Ensure template.html and style.css are present
# Run the md-slider skill on your target Markdown file
openclaw run md-slider presentation.md

md-slider Data Schema & Taxonomy

The skill organizes content into a highly structured HTML layout using the following mapping:

Markdown Element Visual Component Description
## or --- <section> Defines a new slide transition.
H1 + P Hero Layout Giant bold text for core value propositions.
List Items .glass-card Organized 3-4 column grid for features.
Short Phrases .tag Tech stack or keyword visualization.
Highlights <span> Custom Morandi gradients for technical keywords.

md-slider Advanced Features

  • Staggered entry animations using CSS delays to create a professional breathing feel.
  • Zero-dependency architecture with all styles, logic, and SVG icons embedded in a single file.
  • Automatic content distillation to ensure slides remain minimalist and focused.
  • Interactive navigation features including right-side dot navigation and a top-loading progress bar.
  • Native support for Openclaw Skills workflow integration for automated documentation-to-slide pipelines.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*