Design

mav-slidecraft-skill

Creates self-contained, animation-rich HTML presentations from scratch, enhances existing decks, or converts PowerPoint files into browser-based slides with responsive layouts and reduced-motion support.

★ 45 GitHub Stars
78 Quality score
1 Files

About this Skill

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch.

Use cases

  • Create presentation decks from scratch
  • Convert PPTX files to HTML
  • Enhance existing HTML presentations
  • Build pitch decks and conference talks
  • Create browser-based interactive slides

Features

  • Single-file HTML output with inline CSS and JavaScript
  • Vertical scroll-snap decks with optional horizontal mode
  • PowerPoint extraction and conversion workflow
  • Animation, interaction, and reduced-motion guidance
  • Viewport fitting and slide density rules

Requirements

  • Web browser

Supported Agents

Not specified

Skill files

Related Skills

web-design

Guides an AI agent through a two-phase web design workflow: create and confirm a DESIGN.md specification, then generate responsive UI code for landing pages, portfolios, product p…

xiaopu-ai/web-design ★ 775
web design ui ux responsive design landing page

xiaohu-ip-studio

Generates illustrations for Chinese deep-dive articles using fixed IP characters, visual metaphors, shot lists, selected art styles, and image-generation APIs.

xiaohuailabs/xiaohu-ip-studio ★ 291
image generation chinese content ip characters illustration

ip-diagram-creator

Creates a reusable minimalist hand-drawn IP character from authorized user materials, then plans and produces illustrated content, knowledge cards, posters, storyboards, and prese…

haloshin/ip-diagram-creator ★ 258
ip character visual content hand-drawn knowledge cards

xhs-cover

Generates and edits Xiaohongshu (XHS/RedNote) cover images from photos, titles, and style instructions, with GPT Image 2/Codex as the primary method and Gemini CLI as fallback.

Vivixiao980/xhs-cover-skill ★ 197
xhs rednote cover design image generation

html-anything

Creates polished, shareable HTML pages from ideas, files, folders, URLs, datasets, and exports, using automatic routing to specialized design systems and interactive layouts.

clockless-org/html-anything ★ 149
html web design single-file html interactive pages

product-design-and-ux

Defines user-facing product behavior from validated evidence and approved scope, including information architecture, task flows, state models, interaction contracts, usability pla…

magnus919/agent-skills ★ 88
product design ux information architecture task flows

color-management

Provides guidance and scripts for ICC profile inspection, color-space conversion, gamut analysis, working-space validation, soft proofing, and color workflow troubleshooting.

magnus919/agent-skills ★ 88
icc profiles color science gamut mapping image processing

brand-designer

Guides agents in documenting brand strategy, visual identity, voice, applications, governance, and assets using templates, validation, compilation, and optional image prompt gener…

magnus919/agent-skills ★ 88
brand identity brand guidelines visual identity brand strategy