AgentToolHub
Skill

frontend-slides

frontend-slides — a Claude Code skill from zarazhangrui/frontend-slides

Features

  • ✓Zero dependencies for quick setup
  • ✓Visual style discovery for non-designers
  • ✓Convert PowerPoint files to web presentations
  • ✓Curated styles avoiding AI-generated clichés
  • ✓Customizable production-quality code
  • ✓Visit the GitHub repo for more info

Installation Guide

Via Plugin Marketplace (Recommended)

Install directly from Claude Code in two commands:

bash
/plugin marketplace add zarazhangrui/frontend-slides
/plugin install frontend-slides@frontend-slides

Then use it by typing /frontend-slides in Claude Code.

Manual Installation

Copy the skill files to your Claude Code skills directory:

bash
# Create the skill directory
mkdir -p ~/.claude/skills/frontend-slides/scripts

# Copy all files (or clone this repo directly)
cp SKILL.md STYLE_PRESETS.md viewport-base.css html-template.md animation-patterns.md ~/.claude/skills/frontend-slides/
cp scripts/extract-pptx.py ~/.claude/skills/frontend-slides/scripts/

Or clone directly:

bash
git clone https://github.com/zarazhangrui/frontend-slides.git ~/.claude/skills/frontend-slides

Then use it by typing /frontend-slides in Claude Code.

Reviews