mcpField
F
frontend-slides

frontend-slides

github.com/podoDocuments29166 installsUpdated 3d ago
Repository

About frontend-slides

frontend-slides is a skill for creating self-contained HTML presentations or converting PPT/PPTX files into web slides. It is intended for presentation authors who need animated layouts, navigation, and speaker notes in a single HTML file.

Key features

  1. 01Creates animated HTML presentations
  2. 02Converts PPT/PPTX into web slides
  3. 03Adds transitions and custom layouts
  4. 04Supports speaker notes
  5. 05Enables keyboard and touch navigation
  6. 06Outputs one HTML file without a build step

Use cases

  1. 01Creating a web presentation from scratch
  2. 02Converting an existing PPT/PPTX presentation
  3. 03Preparing slides with speaker notes and navigation

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill frontend-slides

After installing, type/frontend-slidesin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

frontend-slides

Catalogue stub — full skill: zarazhangrui/frontend-slides

Decision tree

  1. Is the full skill already installed? Check whether the skill at this location still has a das: block:

    • Global: grep -q "^das:" ~/.agents/skills/frontend-slides/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • Project: grep -q "^das:" .agents/skills/frontend-slides/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • No das: block → full skill installed, invoke it and proceed
    • das: block present → go to step 2

  2. Detect scope, then install:

    To detect scope:

    [ -e ~/.agents/skills/frontend-slides ] && echo "global" || echo "project"

    Global (installed with -g):

    npx skills add zarazhangrui/frontend-slides --skill frontend-slides -g -y

    Project (installed without -g):

    npx skills add zarazhangrui/frontend-slides --skill frontend-slides -y

    Claude Code: send either command as a chat message starting with ! to run it without leaving the conversation.

Invoke after install

  • Skill name: frontend-slides
  • Trigger phrases: "frontend slides", "HTML slides", "web presentation", "animated slides"

What it does

Creates animation-rich, self-contained HTML presentations from scratch or by converting existing PPT/PPTX files into polished web slides. Supports smooth transitions, custom layouts, speaker notes, and keyboard/touch navigation. Output is a single HTML file — no build step required.

Comments

Markdown supported